ボタン(btn + 動き)

背景が流れる（左から右） 背景が流れる（右から左） 背景が流れる（上から下） 背景が流れる（下から上） 背景が流れる（中央から横全体） 背景が流れる（中央から外） 背景が流れる（中央から縦全体） 背景が流れる（斜め）

ボタン(btn02 + 動き)

くるっと回転（手前に）回転後（手前に） くるっと回転（奥に）回転後（奥に）

ボタン(btnripple)

クリックしたら波紋が広がる





波紋がふわっと広がる


押し込まれる

ボタン(btn03 + 動き)

下に押し込まれる（立体が平面に） 右下に押し込まれる（立体が平面に） 左下に押し込まれる（立体が平面に）

ボタン(float)

影がついて浮き上がる 影が拡がって浮き上がる 上に移動し影がついて浮き上がる

ボタン(btn04 + 動き)

線から塗に変化（上から下） 線から塗に変化（下から上） 線から塗に変化（左から右） 線から塗に変化（右から左） 線から塗に変化（中央から外）

ボタン(btn05 + 動き)

左上と右下から枠線が伸びて塗に 左下⇒右下⇒右上⇒左上⇒左下に枠線が伸びて塗りに 左上と右下から枠線が伸びて塗りに

ボタン(グラデーション)

グラデーションが流れる グラデーションが縮小する グラデーションが拡大する グラデーション線から塗に変化する

ボタン(外の線)

外の線が伸びる 少し出ていた線が伸びる 下線が伸びて背景に変わる 線の上を別の線が伸びる 矢印の線がループして伸縮

ボタン(変化)

塗りから線に変わる 角丸に変わる
きらっと光る
リンクテキストが入る
About私たちについて

ボタン(btn06 + 動き)

矢印が右に移動 矢印が右に移動して現在地に戻る 矢印が回転

ボタン(矢印の移動)

矢印が右に移動する

矢印が右に移動して背景がつく

矢印が縮む

1文字ずつ表示します1文字ずつ表示します１文字ずつ表示します1文字ずつ表示します1文字ずつ表示します1文字ずつ表示します1文字ずつ表示します1文字ずつ表示します

縦書き

ホバーアニメーション

中心から外に線が伸びる（下部）

中心から外に線が伸びる（中央）

左から右に線が伸びる（下部）

左から右に線が伸びる（上部）

左から右に背景が伸びる

左から右に線が伸びて背景になる

上下に線が伸びて背景になる

円が線に変化

テキストが入れ替わるtext change

線が伸びて枠線になる

左右から線が伸びて枠線になる

上下左右から

ふわっと

動く

3枚表示1枚ずつスライド

• 
• 
• 
• 
• 
• 

央に1枚、左右にちょっとずつ見えるスライドショー、タブレットサイズでは1枚だけ

• 
• 
• 
• 
• 
• 

無限ループスライド・逆向きdir="rtl"

• 
• 
• 
• 
• 
•