bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptパララックスなど多彩なチルト効果を実装できる「universal-tilt.js」JavaScript2018.09.6パララックスなど多彩なチルト効果を実装できる「universal-tilt.js」universal-tilt.jsはパララックスやスケールなど多彩なチルト効果を実装できるjQueryプラグインです。ホバーしてカーソルを動かすことで、それに連動する形でチルトします。インタラクティブなホバーチルトエフェクトを実装したい人にピッタリですね。設定でモバイルにも対応universal-tilt.jsの実際のデモページは以下になります。デモデモではさまざまなタイプのチルトエフェクトが用意されています。ホバーしているところがシャインで光ったりパララックス効果を加えたり、カスタマイズ次第でいろんなエフェクトを取り入れれるのがいいですね。デスクトップだけでなく設定でモバイルに対応できるところもグッドです。オプションも豊富で、position-base、reset、mobile、shine、shine-opacity、shine-save、max、perspective、scale、disabled、reverse、speed、easing......などの項目が用意されているほか、X・Y・角度のアウトプットによるイベント設定も可能です。いうわけで、多彩なチルト効果を備えたカスタマイズ性の高いjQueryプラグイン「universal-tilt.js」の紹介でした。ライセンスはMITとのこと。universal-tilt.jsの具体的な実装方法やダウンロードは以下のページからどうぞ。Gridl...おもしろいjQueryプラグインがあったのでご紹介します。Shot」とても素敵な画像の見せ方だったのでご紹介します。menuというjQueryプラグイン...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。