NT-D SAMPLE
ANIMATION
アニメーション
登場・文字・ホバー・ずっと動く・スクロール連動。NT-D で選べる動きを、すべてここに並べました。
ENTRANCE
登場の動き
スクロールして画面に入ると動きます。スクロールし直すと、何度でも見られます
ふわっと
下から
上から
左から
右から
拡大
ズームアウト
ぼかしから
回転しながら
めくれる
下から開く
左から開く
円形に広がる
ワイプ
幕が上がる
線が描かれる
組み上がる
TEXT
文字の動き
文字だけに付けられる動きです
一文字ずつ
一文字ずつ、順番に現れる見出し
スライド
横からスライドして出てくる文字
行ごとに
1行目が出て、そのあと2行目が続きます
蛍光ペン
大切なところを蛍光ペンで強調
下線が伸びる
下線がスッと伸びる文字
カウントアップ
お客様満足度 98%
ドラムロール
創業 45年 ・ 実績 1280件
バラバラから
バラバラの文字が集まってくる
シャッフル
SHUFFLE TEXT EFFECT
スクロールで塗る
スクロールして読み進めると、この文章が左から順番に濃く塗られていきます。長い説明文を読ませたい時に効果的です。
HOVER
マウスを乗せた時の動き
PCでマウスを乗せてみてください(「押すと波紋」はスマホでも動きます)
浮く
大きく
押した感じ
下線が伸びる
円が広がる
色が滑り込む
画像を拡大
影が濃く
明るく
吸い寄せ
押すと波紋
3Dに傾く
ゆがむ・波打つ
SPOTLIGHT
スポットライト(区画)
この区画の上でマウスを動かすと、周りが暗くなり、マウスの周りだけ明るく見えます
LOOP
ずっと動き続ける
ページを開いている間、繰り返し動きます
ふわふわ
ゆらゆら
脈打つ波紋
回転
点滅
グラデが流れる
円を描いて回る
文字が往復する・円形に回る
← 左右に往復する文字 →
↑ 上下に往復する文字 ↓
↗ 斜めに往復する文字
↘ 反対の斜めに往復
NT-D
SCROLL LINKED
スクロールに合わせて動く
スクロールの量に合わせて、少しずつ動きます(ゆっくり上下にスクロールしてみてください)
SCROLL ・ SCROLL ・ SCROLL ・ SCROLL ・ SCROLL
奥行き
横に流れる
速さで傾く
回転
近づくと大きく
中央でくっきり