Progress Bar
プロジェクトの進捗状況を視覚的に表現できます。
初回表示時のみアニメーションします。
ホバーアニメーション -セクション
テキストや画像などで制作されたセクションにマウスを重ねるとアニメーションします。
Kenbourns基本画像スライダー
【Kenbourns編】
基本画像スライダーです。
お勧め-ショッピングサイト構築
ショッピングサイトを構築するお勧めの方法です。
特殊背景 -Birds
【鳥編】
マウスの動きに反応するアニメーション背景です。
特殊背景 -Waves
【Wave編】
マウスの動きに反応するアニメーション背景です。
Kenbourns6基本画像スライダー
【Kenbourns6】
基本画像スライダーです。
エステサロン
エステサロンのデザイン例です
Kenbourns4基本画像スライダー
【Kenbourns編】
基本画像スライダーです。
特殊背景 -Fog
【霧編】
アニメーション背景です。
Kenboursn7基本画像スライダー
【Kenbourns編】
基本画像スライダーです。
Kenbourns3基本画像スライダー
【Kenbourns編】
基本画像スライダーです。
Kenbourns16基本画像スライダー
【Kenbourns編】
基本画像スライダーです。
動画カタログ
動画のリストを作成し、ページ内での動画再生ができます。
記事ティッカー
Newsなどの投稿記事をティッカー表示します。
Kenbourns2基本画像スライダー
基本画像スライダーです。
Transiton/Animation/Overlayの設定値は、Slide Up/Kenburns Up Right/Style7です。
特殊背景 -Net
【Net編】
マウスの動きに反応するアニメーション背景です。
背景 -図形
画像とは異なり、プログラム制作によりスマートフォンなど画面の大きさに応じて表示が自動調整されます。
画像カタログ表示
画像の静止カタログ表示例です。
スライド表示とは異なります。
特殊背景 -Sells
【Sell編】
アニメーション背景です。
スライダー -画像Wheel
回転表示するスライダーです。
長文テキスト
目次機能やページスクロールを合わせて約３万８千字におよぶテキスト表示をしてみました。
Kenbourns5基本画像スライダー
【Kenbourns編】
基本画像スライダーです。
File Viewer －連携
Google driveなどに保存したファイルとの連携表示が可能です。
Driveにあるファイルを更新すると、自動的に更新されます
特殊背景 -Rings
【Ring編】
マウスの動きに反応するアニメーション背景です。