CSS3实现跳动的动画效果
来源：爱站网时间：2018-04-21编辑：网友分享
本篇文章介绍了CSS3实现跳动的动画效果，下面我们就来看看详细的教程，需要的朋友可以参考下。
YPE html>
本篇文章介绍了CSS3实现跳动的动画效果，下面我们就来看看详细的教程，需要的朋友可以参考下。
这个要运用的新知识如下：
复制代码
代码如下://css3新知识
display: flex;
justify-content: center;
align-items: center;
animation: shadow .5s linear infinite;
@keyframes shadow {
0%, 100% {transform: scaleX(1);}
50% {transform: scaleX(1.2);}
}
::after 需要加定位，宽度才好使
实例代码如下
复制代码
代码如下:以上就是CSS3实现跳动的动画效果这篇文章的全部内容了，希望本文的内容对大家的学习或者工作带来一定的帮助，更多内容请继续关注爱站技术频道网站！
