零基础建站培训介绍

当前位置:

CSS3 animation动画

以下为学做网站论坛关于“CSS3 animation动画”讲解视频教程。

课程介绍

CSS3 animation动画是由学做网站论坛录制或发布的css3视频教程的15752节。
CSS3 animation动画主讲老师为来自学做网站论坛的张启亚老师发布。本课程已被学做网站论坛用户学习6,800次。
张启亚老师已在学做网站论坛发布了包括 CSS3 animation动画 在内的1004节高质量视频教程。

animation 属性是一个简写属性,用于设置六个动画属性:
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction

注释:请始终规定 animation-duration 属性,否则时长为 0,就不会播放动画了。

案例:


.box { background-color: red;

  animation: mycolor 4s linear infinite;//无限循环

//animation: mycolor 4s linear 1;//1次循环

}

@keyframes mycolor {  

0% {   background-color: red;  }  

40% {   background-color: darkblue;   }  

70% {   background-color: yellow;   }  

100% {   background-color: green;   }  

}
上一课: 下一课:

发表评论

电子邮件地址不会被公开。 必填项已用*标注