Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Javascript] tiltShift.js – JSとCSS3で行うティルトシフトレンズのエフェクト

  • Pocket
  • このエントリーをはてなブックマークに追加

JSとCSS3を使って行う、ティルトシフトレンズ風のエフェクト。デフォルトで画像の上端と下端がボケてて、マウスオーバーでトランジションとともにボケが取れます。コーディングフェイズで行う可逆エフェクトなので、ひとつの画像で(ボケ前とボケ後を用意せずに)この動作が行えます。最近じゃInstagramなどで誰でも簡単にティルトシフトエフェクトの画像を作れるようになっちゃいましたが、やっぱなんつーかオシャレですよねこういうの。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください