CSS3で画像の一部をiOS(曇りガラス)風にぼかす方法:レスポンシブ対応
iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。
- 投稿日
- 更新日
iOS風のぼかしは画像が全画面表示だったら色々jQueryプラグインがあったのですが、今回は一部の要素の背景に重ねたかったのでちょっと試してみました。
「Kiwi-slider」はAppleの商品ページのスライダー動作を再現したjQueryプラグインです。
fullPage,js はフル画面にコンテンツを表示して結構いろいろとできるプラグインなのですが、今回は横にスライドする機能だけに絞って使ってみたいと思います。
「jquery.morphing.js」は画像などを丸くしてマウスポインターの動きに追従してぐにょぐにょ(?)することができるjQueryプラグインです。
そこそこの規模の表(table)を作るときは最近だとcsvとかからjQueryで作ったりできますが、ちょっとした表だと少々大げさな気がします。
ということでhtml5で追加されたdata属性からtableを作る方法をご紹介します。