bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScript要素を手軽にアニメーション化できる「Force.js」JavaScript2016.10.26要素を手軽にアニメーション化できる「Force.js」Force.jsはページ上の要素を手軽にアニメーション化させることができるJSライブラリです。transitionを活用し、さまざま動きが表現可能です。ちなみに、Force.jsは100%ピュアvanillaとのこと。Force.js以下、Force.jsの詳細ページです。実際のデモも用意されています。Force.jsExampleというところでデモ動作を確認することができます。ball!」にある黒丸をクリックすると動き出します。Functions」という項目から、好きなEasingの種類を選択できます。Easing機能には、swing、easeInQuad、easeOutQuad、easeInOutQuad、easeInCubic、easeOutCubic、easeInOutCubic、easeInQuart、easeOutQuart、easeInOutQuartなどなど、たくさんの種類が用意されています。いろんな動作を試しながら、自分好みEasing機能を見つけてみてはいかがでしょうか。Durationから速度を変更することも可能です。ライセンスはMITとのこと。いうわけで、要素を手軽にアニメーション化させることができる「Force.js」のご紹介でした。関連記事JavaScriptいろんなズーム機能を実装できるjQueryプラグイン「xZoom」xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優...JavaScriptフリック&レスポンシブ対応のコンテンツスライダーを実装できるjQueryプラグイン「Flickerp...FlickerplateというjQueryプラグインを使ってみました。Menuは、Webア...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。先日もこの症状が生じてし...2020.02.15ハンドル付きのノートPC用インナーバッグ「エレコム...エレコムから出し入れしやすいハンドル付きのノートPC用インナーバッグが登場しまし...2020.02.14白銀の千秋公園スタバをあとにして朝の散歩をするために千秋公園へと向かった。今シーズンはいままで...2020.02.13日常の休日。スタバで温かいドリップを久しぶりの秋田のスタバ。いっても元旦以来だから約1カ月ぶりか。