其他分享
首页 > 其他分享> > 【CSS】hover闪光

【CSS】hover闪光

作者:互联网

代码奉上:

.flash{
    font-family: Trebuchet MS;
}
.flash:hover{
    animation: glow-in 0.8s both;
}
@keyframes glow-in {
    from {
    opacity:1;
        }
    65% {
      opacity: 1;
      text-shadow: 0 0 25px white;
        }
    75% {
      opacity: 1;
        }
    to {
      opacity: 1;
        }
  }
  

 

实现效果(将背景转黑处理):

 

<style></style>


This is a paragraph.

标签:opacity,0.8,hover,family,flash,闪光,CSS,glow
来源: https://www.cnblogs.com/coder106/p/12950956.html