1.transition动画
需要触发事件
只能从from到to
transiton-timing-function
过渡函数,有如下几种:
liner :匀速
ease-in:减速
ease-out:加速
ease-in-out:先加速再减速
img{
height:15px;
width:15px;
transition: 1s 1s height ease;
}
或者:
img{
height:15px;
width: 15px;
transition-property: height;
transition-duration: 1s;
transition-delay: 1s;
transition-timing-function: ease;
}
img:hover{
height: 450px;
width: 450px;
}
2.animation动画
不需要触发事件
可以实现多帧