LOGO
MOTIONS

シンプルで応用しやすい、20種類のロゴアニメーション。
テーマカラーは #ffdd00 ひとつだけ。

20 ANIMATIONS 1 COLOR CSS + Lightweight JS
#FFDD00 — Pure Gold
01

Letter Cascade

文字が一つずつ降ってくる、最も汎用性の高いスタッガー演出。

02

Slide Right

ワード全体が左からスーッと滑り込む、洗練された素早い登場。

03

Scale Pop

中心からポンと弾けるように出現。オーバーシュートで弾力をプラス。

04

Blur Sharpen

ぼけた状態から焦点が合っていく、シネマティックな登場。

05

Stroke Draw

シンボルが線で描かれ、塗りで満ち、ワードマークが続く。

06

Glitch Decode

記号がランダムに飛び交い、最終的に正しい文字へ収束する。

07

3D Flip

Y軸を回転して立体感を伴って正面に。perspectiveとrotateY。

08

Color Sweep

グレーから金色へ、左から右にカラーが上塗りされていく。

09

Typewriter

1文字ずつタイプ + 点滅するカーソル。ターミナル風の正統派。

10

Bounce Drop

文字が上から落ちて、地面にバウンドして決まる。

11

Wave In

下からふわりと、波のように順次浮かび上がる文字。

12

Liquid Fill

文字の輪郭を液体が下から満たしていく、塗料的な演出。

13

Skew In

傾いて出てきて、まっすぐ整う。粋でリズミカルな動き。

14

Spin In

各文字が回転しながら登場。バネのオーバーシュートでキレを出す。

15

Curtain Reveal

上下に開く幕の向こうから現れる、舞台の幕開け的演出。

16

Mark + Wordmark

シンボルがポップ、続いてワードマークがスライド。ブランド標準形。

17

Word Morph

ブラーとスケールで言葉が次々と入れ替わる、循環するキャッチコピー。

18

Split Halves

上半分と下半分が、別々の方向からやってきて出会う。

19

Underline Draw

ロゴが現れた後、下線が左から右へ引かれる、確定感のある演出。

20

Neon Flicker

不規則に明滅して、最後に煌々と灯るネオンサイン風。