###前提・実現したいこと
HTML CSSでマウスオーバーで画像にエフェクトを追加させる処理を作っています。
ですが、現状拡大のエフェクトのコードを書いても、拡大の処理は行われず、影付けの処理だけ行われます。
色々試しているうちに、何故か「一番最初に書いた処理が行われない」事に気づきました。
ただ、どういった理由で一番最初の処理が行われないのかが解りません。
何か書いていない記述があるのでしょうか。
アドバイスお願いします。
###該当のソースコード
<style type = "text/css"> /* 拡大 */ .expansion:hover{ transform: scale(1.1); } /* 影付け */ .shadow:hover{ box-shadow: 2px 2px 3px #FFF; } </style>
###試したこと
処理の順序を入れ替えたりしてみた
(結果、影付け処理は行われず 拡大の処理のみ行われた)
回答4件
あなたの回答
tips
プレビュー