ボケからのアニメーション haco

https://www.haco-photo.com/

熊本にある写真スタジオです。

マネしたいポイント

スクロールすると、文字がボケながら出現します。写真スタジオということで、ピンぼけとも関連していてサイトコンセプトと非常にマッチした表現です。白と黒を基調としたシンプルなデザインもボケ表現を邪魔していません。

応用できそうな場面

ボケじたいは文字通りぼやっとしていますので、シンプルなでコントラストも高いデザインのサイトと合いそうです。はっきり、くっきりとなる表現なので、メガネ屋さんのサイトで活用しても面白そうです。

懸念点

CSSフィルターのblurにて実装していますが、blurはCSSフィルターの中でも重めの処理なので、多用するとカクツキやもっさりとした動作の原因になるので、注意が必要です。

  • Twitter Share
  • Facebook Share
  • Line Share