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

时间：2017-05-14 16:09:04 阅读：165 评论：0 收藏：0 [点我收藏+]

标签：mil article content style 影响 nbsp 样式 ext tran

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前后两种过渡时间的影响

标签：mil article content style 影响 nbsp 样式 ext tran

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行