<< パーツトップに戻る
パーツ選択（2026.4 更新）
カテゴリ：
gifアニメーション再生（effects-cracker1）
クラッカー画像を先にDLし、demo-images-effects-cracker1フォルダごとフレームフォルダ直下（imagesフォルダと同じ階層）に入れて下さい。動画を準備すれば入れ替えも。
オーバーレイスライド（effects-overlay1）
マウスオンで黒のオーバーレイが上スライドして消えるタイプ。
オーバーレイスライド（effects-overlay2）
マウスオンで黒のオーバーレイが横スライドして消えるタイプ。
オーバーレイスライド（effects-overlay3）
マウスオンでテキストブロックのすりガラス風オーバーレイが横スライドして消えるタイプ。
サムネイル横スライド（effects-slideimg1）
サンプル画像を先にDLし、demo-images-effects-slideimg1フォルダごとフレームフォルダ直下（imagesフォルダと同じ階層）に入れて下さい。deco-slideimg2をテキスト画像にしたタイプ。
サムネイル横スライド（effects-slideimg2-circle）
deco-slideimg2の円形タイプです。
サムネイル横スライド（effects-slideimg2）
サムネイルが横スライドするタイプのスライドショーです。
サムネイル横スライド（effects-slideimg3-circle）
effects-slideimg3の円形タイプです。
サムネイル横スライド（effects-slideimg3）
deco-slideimg2の段違いレイアウトです。
パララックス背景（effects-bg-slideup-movie1）
スクロール量と少しずれて背景動画が動きます。
パララックス背景（effects-bg-slideup1）
スクロール量と少しずれて背景画像が動きます。
回転アニメーション（effects-spin1）
svg画像を先にDLし、demo-images-effects-spin1フォルダごとフレームフォルダ直下（imagesフォルダと同じ階層）に入れて下さい。円形にテキスト(svg)が回転する装飾用のアニメーション。
横スライドテキスト（effects-slidetext1）
テキストを直接htmlに置いたものを横スライドさせたタイプ。
数字カウントアニメーション（effects-counter-up1）
数字実績のカウントアップアニメーション。
横スクロールセクション（list-yoko-scroll2）
縦にスクロール中に横スクロールしだすパーツ。ウィンドウに対して画像高さ100%。
横スクロールセクション（list-yoko-scroll3）
縦にスクロール中に横スクロールしだすパーツ。画像のアスペクト比指定タイプ。
横スライドアニメーション（list-auto1）
一定間隔でサムネイルが横スライドするタイプのスライドショーです。お客様の声セクションなどにも。