コペペで使える!HTML,CSS,JSで書かれたオープニングデザイン5選!


サイトを開いたときにテキストが動くなど始まりを始まりを告げるようなものがあると驚きとともにサイトの印象は一気に強くなり、サイトを覚えてもらうことに成功します。ここでは、そんなオープニングデザインの中でもおしゃれで思わず見入ってしまうコピペで使えるデザインをご紹介していきます。

1.SVG map with SASS Random Powered Animation

See the Pen SVG map with SASS Random Powered Animation by Jack Nycz (@jackairtight) on CodePen.

2.·● MOTION for the web ●·

PugやStylusで描かれているので使える人は少ないかもしれないですが、非常におしゃれなので紹介しました!

See the Pen ·● MOTION for the web ●· by LegoMushroom (@sol0mka) on CodePen.

3.numbers cube counter

See the Pen numbers cube counter by Gregor Adams (@pixelass) on CodePen.

4.VelocityJS demo

コピーして動かすこともできますし、何よりおしゃれですね!すごいアニメーションです!

See the Pen VelocityJS demo by LegoMushroom (@sol0mka) on CodePen.

5.Type Animation: Staggered Slice Effect

See the Pen Type Animation: Staggered Slice Effect by Stephen Scaff (@StephenScaff) on CodePen.

6.Snow-clearing Squirrel Loader

See the Pen Snow-clearing Squirrel Loader by Chris Gannon (@chrisgannon) on CodePen.

あわせて読みたい

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です