子要素を親から回転する：ホバー

Question

私は理解できないような小さな要素があり、ここでは集合的な知識が私に正しい方向を向けることを望んでいます。

divの上に画像を回転させたい場合は、divの上に移動してください。コードの例は次のとおりです。http://jsfiddle.net/mashby/eCzmj/

今、アニメーションはdiv全体ではなく、画像そのものにカーソルを合わせるとトリガーされます。

私がしたいことを実行することができるかどうかは分かりませんが、事前に確認や提案をお寄せいただきありがとうございます。

Answer 1

あなたがそれが推移だときにimgにスタイルを適用することを意味している#animate img:hoverを使用しているあなたのCSS

に問題があるようです。

代わりに#animate:hover imgを使用して、要素にスタイルを適用すると、(#animate)がホバリングされます。

Answer 2

可能です。一般的な考え方：

#btnAgendaSettings img, #btnMinutesSettings img { 
    transform: inherit; 
} 

.button-gray:hover, .button-gray:focus { 
    transform: rotate(360deg); 
}