注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

タッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリ・「Atropos」


目次

Atropos


Atroposはタッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリです。

PCではマウスホバーで、タッチデバイスではドラッグで動かす事が出来ます。非依存で軽量なので手軽に導入する事が出来ます。

<link rel="stylesheet" href="atropos.css" /> <script src="atropos.min.js"></script> <script> const myAtropos = Atropos({ el: '.foo', }); </script>

HTMLで必要なコンテナを作り画像を挿入します。

<div class="atropos my-atropos"> <!-- scale container (required) --> <div class="atropos-scale"> <!-- rotate container (required) --> <div class="atropos-rotate"> <!-- inner container (required) --> <div class="atropos-inner"> <!-- put your custom content here --> </div> </div> </div> </div>

ドキュメントにはReactやVueもサポートされているみたいです。使う機会があるか分かりませんけど備忘録。ライセンスはMIT。

Atropos

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG