CSS动画（补充一些常用写法）

关于2d变换参鉴我的“HTML基础”文章

过渡（w3c更标准）
解释下什么是过渡（个人理解可能有误）：
一个标签由于一些原因改变了属性，如下举例

//仿照w3c的例子div{    width:100%;    height:300px;    background-color: black;    transition: 参数1 , 参数2;//在标签内声明这个属性    /*参数一代表需要过渡属性，参数2代表时间，必写*/}div:hover{    //这里将会给div设置新属性，覆盖(或修改div原有属性)    width:50%;    height:150px;    background-color: red;}/*鼠标移入div，div将会过渡到新属性，线性变化*/

动画
/不需要外界条件就能执行的过渡效果/

div{    width:100%;    height:300px;    background-color: black;    animation: 动画名字 , 参数2 , ……;//在标签内声明这个属性    /*动画名字和时间必写，子属性自查（延时，变化速度，结束状态、循环次数等等……）*/}/*自动执行下面的代码*/@keyframe 动画名字{    from{}    to{        width:50%;        height:150px;        background-color: red;    }    /*from代表0%，to代表100%*/}