[CSS]ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシート

画像をホバーすると、ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシートを紹介します。 デモページ [ad#ad-2] 実装 HTML 画像のimg要素とエフェクト用のdiv要素をdiv要素で内包します。 <div class="image_shine"> <img src="http://www.wordpressthemeshock.com/banners/banner_10_themeshock.jpg" /> <div class="hover_shine"></div> </div> CSS まずは、ラッパーのdiv要素のスタイルです。 エフェクト用のdiv要素用の「position: relative;」がポイントです。 .image_shine{ width: 200px; height: 200px; margin: 30px auto; posit

[utano_mitsuo]

手軽にガラスっぽい質感を表現したい！そんな時にはこれを。

[lotus_tribal]

使ってみたい！！

[warriorking]

(CSS)ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシート | コリス

[ufomap]

マウスオーバーでピカッ！

[Donca]

✔ [CSS]ガラスに光があたったようなエフェクトをアニメーションで適用するスタイルシート