CSS3动画系列基础一
Posted 听风小子
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3动画系列基础一相关的知识,希望对你有一定的参考价值。
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;}
}
这样就完成了一个动画背景变换颜色的动画,这只是一个小小的例子,更多高大上的动画还需要进一步学习,探索,
加油吧,这条路很孤单,但坚持下来会见到曙光的
以上是关于CSS3动画系列基础一的主要内容,如果未能解决你的问题,请参考以下文章
html Paul Reny编写的CodePen。 Magnific Popup的CSS3动画效果 - [Magnific Popup]的一系列不同的动画效果(http:// d