エフェクトカタログ
サイトに動きを加えるエフェクトをご紹介します
UI強化エフェクト
ボタンやカードなど、ユーザーの操作に反応するエフェクトです
画像オーバーレイ
画像にマウスを乗せると色やテキストが重なって表示されます（スマホの方はタップ）
適用範囲：1セクション内の画像に適用（追加：+1,500円/セクション）
5,000円3D回転
カードや画像が立体的に回転します（スマホの方はタップ）
適用範囲：1セクション内のカードに適用（追加：+2,500円/セクション）
8,000円グラデーションアニメ
背景色がゆっくりと変化します
適用範囲：ヘッダーまたはお問い合わせ誘導セクションの背景
3,000円モーダル
クリックするとポップアップで情報が表示されます
適用範囲：1セクション内で使用（追加：+1,000円/セクション）
3,000円タブ切り替え
クリックで表示内容を切り替えられます
適用範囲：料金プランまたはサービス紹介（1箇所）
3,000円アコーディオン
クリックで開閉するQ&A形式などに使えます
適用範囲：FAQ（1箇所）
3,000円演出・インパクト系エフェクト
サイト全体の雰囲気を演出する、インパクトのあるエフェクトです
グリッチ効果
8,000円ノイズや歪みのような演出で目を引きます（スマホの方はタップ）
適用範囲：TOPページのメイン見出し
パララックス
5,000円スクロール時に背景と前景が異なる速度で動き、奥行きを感じさせます
適用範囲：メインビジュアル背景
このエリア内でスクロールしてください
背景がゆっくり動きます
さらに下へスクロール...
背景の動きが見えましたか?
スクロール連動アニメ
8,000円スクロール量に応じて要素が変化します
適用範囲：各セクションの見出し・要素
下にスクロールしてください
下から浮き上がる
左側からスライド
右側からスライド
小さい状態から拡大
文字タイピング
5,000円文字が1文字ずつ打ち込まれるように表示されます
適用範囲：TOPページのキャッチコピー
背景パターン動き
5,000円模様や図形が動く背景を表示します
適用範囲：TOPページまたはお問い合わせ誘導セクションの背景
マウス追従
8,000円カーソルの動きに要素がついてきます（スマホではタップ位置に反応します）
適用範囲：TOPページのメインビジュアル部分
ローディングアニメ
5,000円ページ読み込み時に演出が入ります
適用範囲：ページ読み込み時（サイト全体）
スライダー/カルーセル
5,000円画像やコンテンツが横にスライドします
適用範囲：TOPページまたは実績・お客様の声（1箇所）
表示方法：スライド / フェード から選択できます
気に入ったエフェクトはありましたか?
サイトを作り始める