masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > html tutorial > CSS3中transition-duration参数对hover前后两种过渡时间的影响_html/css_WEB-ITnose

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

WBOY

Lepaskan： 2016-06-24 11:39:24

asal

1674 orang telah melayarinya

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。

Label berkaitan：

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

sumber：php.cn

Artikel sebelumnya：常用css命名规则_html/css_WEB-ITnose Artikel seterusnya：在线测试手机、平板页面_html/css_WEB-ITnose

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang