Core Package デモ

高度UIアニメーション

基本と違う「目で見てわかる」動きの例です。スクロール＆ホバーでお確かめください。

① 左右からスライドイン＋スタッガー

基本は「上からだけ」。ここは左・中央・右から順番に登場します。

01 左からスライドイン

02 下から（0.4秒遅れ）

03 右からスライドイン

基本はホバーなし。ここはマウスに追従してカードが傾きます。

ポインタの位置で傾きが変わります。

高度パッケージならこんな演出が可能。

離すと元に戻ります。

基本はフェードのみ。ここは下線が左から右に描かれる演出です。

重要なメッセージは、
こうした演出で目を引けます。

手前と奥の要素が違う速度で動く＝奥行き感が出ます。スクロールしてみてください。

奥

中間

手前

基本にはありません。画面に入ると数字が0から増えていきます。

0 %

0 件

0 秒

※ サンプル・単位はイメージです

基本は色が変わるだけ。ここはホバーで光の帯が流れます。

本格的な動きは、お客様のサイトのトーンに合わせて設計します。