DETAIL NOTE

INTUITION DETAIL DESIGN BLOG

ホバー時にキラリと光るエフェクト

リンクやボタンのホバー時にエフェクトを付けるのと同じように、画像にもホバー時に何かエフェクトを付けたいという時に使えそうなエフェクトのサンプルです。

Shine

Sample↓

 

ホバー時にキランと光が左から右へ流れていくようなエフェクトを付けたものです。
実装するにはHTMLでimageをfigureで囲みます。
CSSは下記のように記述します。

 

【HTML】

 

 

【CSS】

 

 

 

次へ 投稿

前へ 投稿

© 2022 INTUITION DETAIL DESIGN