css动画 animation

标签：hello   count   保留   曲线   nbsp   frame   反向   次数   out   

<p>hello_word</p>

p{

 animation-name:textgo;(动画名)
 animation-duration:3s;(动画时间)
 animation-timing-function:速度曲线(ease,ease-in.ease-out,linear,)
// animation-iteration-count:动画次数(infinite)
//animation-direction:动画是否反向
// fill-mode:是否保留最后一整动画：如果保留值为forword 

}

@keyframes textgo{
            10%{
               font-size:12px;
            }
            40%{
               font-size:20px;
            }

60%{
               font-size:30px;
            }

  80%{
               font-size:20px;
            }

  100%{
               font-size:12px;
            }

}

css动画 animation

标签：hello   count   保留   曲线   nbsp   frame   反向   次数   out   

原文地址：https://www.cnblogs.com/xiao-lei-ge/p/12736698.html