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

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

时间:2015-08-07 11:16:06      阅读:169      评论: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://blog.csdn.net/juhaotian/article/details/47334913

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