transition-delay 设置过渡延迟时间
transition-duration 设置完成过渡效果需要花费的时间
transition-timing-function 设置过渡效果的速度曲线
transition 设置过渡属性的复合写法
transform-origin 设置旋转元素的基点位置(不常用,了解即可)
transform-style 让转换的子元素保留3D转换(不常用,了解即可)
opacity 设置元素的透明度
@keyframes 设置关键帧动画
animation 设置动画属性
一、设置css动画
1.使用@keyframes设置关键帧:@keyframes donghua{
0%{
top:100px
left:100px
}
100%{
top:400px
left:800px
}
}
2.使用animation把他绑定在一个选择器上,名称是donghua,播放时间是5s,使用的函数是linear匀速,延迟时间0.5s:
div{animation: donghua 5s linear .5s
}
二、设置过渡属性
transition: transform 2s ease-in-out 0s
设置transform完成时间为2s,函数为慢进慢出,延迟时间为0s