私はロゴを持っていて、それを上部と下部のセクションに分割して、ロゴの下部で回転効果を実現しようとしました。
主な目標は、私のロゴの下の鋸刃部分を取り、ホバー時に回転/回転させることです。
スピン/回転させることはできますが、ロゴが 2 つのセクションに分かれているためです。画像をスタックするために z-index を使用する必要があり、上部の画像が下部の画像をブロックしているため、下部のロゴが上部の画像よりも低い場合、下部のロゴは回転しません。
問題を解決するために Jquery を使用してみましたが、コーディングにはまだ慣れていません。
誰かがこの CodePen を見て、私を助けてくれませんか。
ペン/コードへのリンクは次のとおりです: http://codepen.io/daugaard47/pen/yKrdD
z-index を逆にすると、回転効果が見られます。
ありがとうございました。-クリス