CSS3⽂字忽⼤忽⼩效果样式收藏.blink{
position:relative;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
animation-direction:alternate;/*轮流反向播放动画。*/
animation-timing-function: ease-in-out; /*动画的速度曲线*/
/* Safari 和 Chrome */
-webkit-animation:mymove 5s infinite;
-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
@keyframes mymove
{
0%{
transform: scale(1);  /*开始为原始⼤⼩*/
}
25%{
transform: scale(1.1); /*放⼤1.1倍*/
}
50%{
transform: scale(1);
css特效文字}
75%{
transform: scale(1.1);
}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0%{
transform: scale(1);  /*开始为原始⼤⼩*/
}
25%{
transform: scale(1.1); /*放⼤1.1倍*/
}
50%{
transform: scale(1);
}
75%{
transform: scale(1.1);
}
}
<div id="animat">12313213213</div>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。