CSS3动画系列基础一

Posted 2021-04-09 听风小子

CSS3新增的动画真是让前段增色了不小，小编也是从来没有接触过第一次接触感觉太神奇了，下面就带着大家做一次；

  第一设置标签

<div id="demo"></div>

第二部设置样式

#demo{

      width:100px;height:100px;

      background-color:red;

     animation:demo 2s ;

}

第三部  设置动画关键帧

@keyframes demo{

0%   {background: red;} 

25%  {background: yellow;}

 50%  {background: blue;} 

100% {background: green;}

}

这样就完成了一个动画背景变换颜色的动画，这只是一个小小的例子，更多高大上的动画还需要进一步学习，探索，

加油吧，这条路很孤单，但坚持下来会见到曙光的