css3怎么实现头像图片像QQ那样一闪一闪

发布网友发布时间：2022-04-24 00:17

共1个回答

热心网友时间：2022-04-06 13:02

@-webkit-keyframes twinkling{
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

#110 {
    -webkit-animation: twinkling 1s infinite ease-in-out;
}

参考如上。

稍微解释一下，定义两个状态，一种状态下透明度为 0%，另一种状态下透明度为 100%，无限次地在 1 秒内切换这两种状态，看起来就是闪烁了。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com