【转】css3实现文字闪烁，改变透明度

CSS动画效果实现

最新推荐文章于 2025-04-18 19:21:55 发布

weixin_30710457

最新推荐文章于 2025-04-18 19:21:55 发布

阅读量67

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhzhang/p/9329643.html

本文介绍了一个使用CSS实现的简单动画效果——文字淡入淡出抖动。通过@keyframes定义了动画过程，并应用到了HTML元素上，实现了特殊视觉效果。

<style>
  @-webkit-keyframes shake{
    0%{
      opacity: 1;
    }
    50%{
      opacity: 0.5;
    }
    100%{
      opacity: 1;
    }
  }
  @keyframes shake{
    0%{
      opacity: 1;
    }
    50%{
      opacity: 0.5;
    }
    100%{
      opacity: 1;
    }
  }
  .shake{
    -webkit-animation: shake .2s infinite;
    animation: shake .2s infinite;
  }
</style>
<h1 class="shake">Hello Liaocheng!</h1>

转自：https://segmentfault.com/q/1010000011779312/a-1020000011779379

转载于:https://www.cnblogs.com/zhzhang/p/9329643.html