码迷,mamicode.com
首页 > Web开发 > 详细

深入css过渡transition

时间:2019-08-29 16:31:31      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:细节   交互   时间   包括   简单的   web   完整   ase   function   

通过过渡transition,可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单,但实际上它有很多需要注意的细节和容易混淆的地方。
过渡transition是一个复合属性,包括transition-property、transition-duration、transition-timing-function、transition-delay这四个子属性。通过这四个子属性的配合来完成一个完整的过渡效果

transition-property: 过渡属性(默认值为all)
transition-duration: 过渡持续时间(默认值为0s)
transiton-timing-function: 过渡函数(默认值为ease函数)
transition-delay: 过渡延迟时间(默认值为0s)

深入css过渡transition

标签:细节   交互   时间   包括   简单的   web   完整   ase   function   

原文地址:https://www.cnblogs.com/lph970417/p/11429837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!