この記事では、マウス アップ アイコンの回転効果を実現するための CSS を主に紹介します。必要な友人は参照してください。
マウス アップ アイコンの回転効果は、次のような企業プロジェクト、特にトップ ナビゲーション バーでよく使用されます。
写真が置かれています。より明確に見るために、ここに大きな写真が置かれています。ここで達成される効果は、マウスが .box ボックス上に移動すると、アイコン img が 180 度回転することです。
style では、img と .box:hover img の設定が重要です。まず、transitiontransform: rotate(180deg);
以上がマウスアップアイコンの回転の特殊効果のための CSS コード共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。