hover_html/css_WEB-ITnose の前後 2 つの遷移時間に対する CSS3 のtransition-duration パラメータの影響

transition-duration パラメータは、transition-duration がどのクラスに配置されるかを設定するもので、このクラスが有効な場合、transition-duration で設定された時間に基づいてトランジションが行われます。

たとえば、クラス .a と .a:hover があります

1. .a でtransition-duration: 3s のみを設定した場合、マウスはこの要素とマウスを上書きします。 Leave 要素を使用する場合、遷移時間は常に 3 秒です。

2. .a でtransition-duration: 3s が設定され、.a:hover でtransition-duration: 6s; が設定されている場合、マウスが要素を覆うと (つまり、要素のスタイルは .a になります) : マウスが要素から離れるとき (つまり、要素のスタイルが .a に変更されるとき) の遷移時間は 3 秒です。

著作権声明: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。