您好,欢迎来到画鸵萌宠网。
搜索
您的当前位置:首页CSS3中transition-duration参数对hover前后两种过渡时间的影响_html/css_WEB-ITnose

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

来源:画鸵萌宠网

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。


版权声明:本文为博主原创文章,未经博主允许不得转载。

Copyright © 2019- huatuo8.com 版权所有 湘ICP备2023022238号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务