ホバーしたとき画像拡大
やりたかったこと
・画像(リンク)ホバーしたら、画像が拡大されて
画像に色付きのマスクがかかってテキストが表示される
参考サイト
できなかったこと
overflow:hidden 指定するときは画像のサイズを明確に指定しないといけないっぽい?
のだが、レスポンシブで可変させてる場合は画像サイズが画面幅によって変わるのでどうしたらよいかわからない・・・
画像と同じサイズのボックスを重ねてるってことなんだろうけど・・・
結果、ホバーしたとき画像を拡大する。という簡単なところしか実現できなかった
本当は
・ホバーで画像拡大+文字表示
・モノクロのフィルターかけた画像ホバーでカラフル画像に戻る
みたいなのをやりたかったのだけど・・・