transition与animation

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动画
不需要触发事件
可以实现多帧

标签：1s,img,ease,transition,height,animation,15px
来源： https://blog.csdn.net/weixin_45346719/article/details/121110140