
Before After
左右または上下に動くスライダーで、変化前と変化後を見比べる仕組みです

左右または上下に動くスライダーで、変化前と変化後を見比べる仕組みです

Image Accordionとは、画像をクリック又は触れるとスッと広がって、説明や詳細が見えるギャラリーです。
icon bullets(アイコン・ブレット)とは、
箇条書きの先頭に丸や数字ではなく、アイコンを使ったリスト表示のことです.

画面の外側(オフスクリーン)に配置されたメニューやパネルを、ボタン操作でスライド表示する機能です。

Number Box(ナンバーボックス)とは、
数字を大きく強調して表示するためのデザインです。

画像を無数の粒子(パーティクル)で再構成し、ホバーやスクロールで粒子が動いたり形を変えたりするダイナミックなビジュアル表現機能です。
画面全体を覆うフルスクリーン型のメニューやコンテンツ表示エフェクト機能です。
サイト内で使用されているタグを“雲(クラウド)状”に並べて視覚的に表示する機能です。
投稿一覧を“タイル状”に不規則な高さで並べるレイアウト(Masonryレイアウト)を使った投稿表示する機能です。

Webサイトのナビゲーションを大きく展開し、多階層のリンクや画像・アイコン・レイアウト要素を一度に表示できる大型メニュー機能です。

日付・予定・イベントを視覚的に整理して確認・管理できる機能です。アイデアでカスタマイズして様々な応用ができます。

画像の一部を拡大して詳細を確認できる、ホバーまたはクリック操作対応のズームビューア機能です。

画像や要素同士がスライドしながら“形を変えて”切り替わる、モーフィングアニメーションを使ったダイナミックなスライダー機能です。

Bob Shapes(ボブシェイプ)とは、
丸・四角・三角などのシンプルな図形が、揺れるように動くアニメーション付きデザイン要素のことです。
ホバー・クリック・ループなど多彩な動きを持つアニメーション付きのアイコンを、ホバー・クリック・ループなどの多彩な機能。

セクション内に複数の要素を重ねて配置し、視差効果やアニメーションで奥行き・立体感を演出する機能です。

画像がクリックやスクロール操作に合わせて上下・左右へ動いたり、拡大・縮小しながら表示されるスクロール機能です。

複数のFlip Boxを横スライド形式で切り替えて表示できる、反転アニメーションとカルーセルを組み合わせた機能です。

360度パノラマ画像を使い、ユーザーが自由に視点を動かしながら空間を探索できる没入型バーチャルツアー機能です。

SVG(ベクター画像)アイコンにアニメーションを加え、滑らかな動きを実現する機能です。

複数のカードを重ねて配置し、スクロールやホバーで順番に現れるような立体的・動きのあるカードレイアウトです。

Scroll Text Animation とは、スクロールに合わせてテキストが動いたり、フェードしたり、表示が変化するアニメーション効果のことです。

スクロール操作に合わせて画像が徐々に現れたり、マスクが外れるように表示されるスクロール連動型の画像演出機能です
。

Video on Hover とは、カーソルを乗せたとき(ホバー時)に動画が再生される演出のことです。

2つの動画を同時に並べ、スライダーや同期再生で違いを直感的に比較できる機能です。