css3边框闪烁效果

最新推荐文章于 2024-07-20 18:58:49 发布

你好小马哥

最新推荐文章于 2024-07-20 18:58:49 发布

阅读量1.2k

点赞数

分类专栏： web 文章标签： css3 css 前端

本文链接：https://blog.csdn.net/qq_34955596/article/details/122109178

版权

web 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

废话不多说，，上代码

 <!-- DOM -->
<div class="zoumadeng-text phbox animation-flash"> </div>
 <!-- CSS -->
 .animation-flash {
  animation: myfirst 0.5s linear;
  -webkit-animation: myfirst 0.5s linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes myfirst {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.75;
  }
  75% {
    opacity: 0.65;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes myfirst {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.65;
  }
  75% {
    opacity: 0.65;
  }
  100% {
    opacity: 0.25;
  }
}

代码仅供参考,如有问题，及时修改或删除