デザインも技術もアイデアも素晴らしい!SVGを使ったアニメーションの力作 -パンダ工場の秘密

SVGを使ったすごい力作をCodePenで見つけたので、紹介します。

↓はデモをアニメーションGIFにしたもので、パンダ工場のごく一部です。

デモのアニメーション

Responsive Huggy Laser Panda Factory

Huggy Laser Panda Factoryはパンダ工場の模様をSVGで作成したもので、下記デモのホットスポット(3ヵ所)をクリックするとアニメーションが始まります。
デザインも技術もそのアイデアも素晴らしいですね!

推奨環境はフルスクリーン表示ですが、レスポンシブ対応なので小さいサイズのスクリーンでも楽しめます。

サイトのキャプチャ

Responsive Huggy Laser Panda Factory: 幅1,500px

サイトのキャプチャ

Responsive Huggy Laser Panda Factory: 幅400px

小さいサイズだと、工場のレイアウトが変化します。

sponsors

top of page

©2024 coliss