transition与animation

1.transition动画
transition与animation
需要触发事件
只能从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动画
不需要触发事件
可以实现多帧

上一篇:std::async方式循环提速


下一篇:我的vue项目书写规范