要素を立体的に回転させて動かすエフェクトTURNBOX.jsの実装方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ だんだんと秋の気配が近づいて過ごしやすくなりましたね。 なんだかゴロゴロしたくなってきます<( ˘ω˘ ┌┛)┌┛ ってなわけで今回は、要素を立体的にゴロンゴロン動かせるプラグイン TURNBOX.jsをご紹介しますc⌒っ´ʘ‿ʘ｀)っ それでは実装方法を解説していきます( ˘ω˘)☝ はじめに jQueryを呼び出す記述の後にturnBox.jsを読み込みます。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="/js/turnBox.js"></script> HTML divの中に表示させたい面の数の子要素を配置しましょう( ˘ω˘)

[sweetseason00kyontomato]

今度使ってみたい

[aipacommander]

今度使ってみよ。

[minonet]

要素を立体的に回転させて動かすエフェクトTURNBOX.jsの実装方法 どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ だんだんと秋の気配が近づいて過ごしやすくなりま [...] The post 要素を...