过渡效果

transition-property:添加过渡效果的样式属性名称(all:所有样式) 
transition-duration:过渡时间的耗时(秒)
transition-delay:延迟过渡效果 
transition-timing-function:设置时间函数,控制运动的速度
属性值:
linear:匀速
ease:先慢后快再慢速结束
ease-in:以慢速开始的过渡效果
ease-out:以慢速结束的过渡效果
ease-in-out:以慢速开始和结束的过渡效果
cubic-bezier(n,n,n,n):自定义0到1之间的值

简写:transition:属性名称 过渡时间 时间函数 延迟 steps(n)
steps(n):将过渡效果分n次实现

发布了116 篇原创文章 · 获赞 20 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/sm20170867238/article/details/92830834