首页 > Web开发 > 详细

CSS3中transition-duration參数对hover前后两种过渡时间的影响

时间:2017-05-14 15:57:06      阅读:412      评论:0      收藏:0      [点我收藏+]
transition-duration这个參数是设置过渡时间的,将transition-duration放在哪个类中。那么在这个类被启用时就会依照transition-duration设定的时间来过渡。


比如。有类 .a 和 .a:hover 

1.假设仅仅在 .a 中设定transition-duration: 3s;的话。那么在鼠标覆盖这个元素和鼠标离开元素时。过渡时间都是3s。


2.假设在 .a 中设定transition-duration: 3s; 在 .a:hover 中设定transition-duration: 6s; 那么在鼠标覆盖元素时(即该元素样式变为 .a:hover 的过程)过渡时间为6s,鼠标离开元素时(即该元素样式变为 .a 的过程)的过渡时间为3s。

CSS3中transition-duration參数对hover前后两种过渡时间的影响

原文:http://www.cnblogs.com/cxchanpin/p/6852668.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!