投稿者: Staff

デュアルボタン

二者択一を明確にしたボタンです。
２つのボタンを一体化して制作しています。
＊DEMOにつき、ボタンは機能しません。

拡大鏡

写真を虫眼鏡で拡大表示します。大きなサイズの写真を用意してください。
サンプルでは、2560x1920pxのサイズの写真を使用しています。

スライダー -動画カタログ 2

画像及び動画を混在して、スライド（カルーセル）表示します。
選択した画像あるいは動画は、ページ内に表示されます。

すりガラス効果

Glass Morphism Effectとも呼ばれている技術です。
すりガラス効果のことです

腕時計1

腕時計をテーマにした、デザイン応用例です。

バナー表示２

15種類のアニメーションを伴うバナー表示機能です。
イメージや商品などの表示にお勧めです。

結髪

Fadel効果のスライダーです。

Hover Video Box

マウスをボタン上に重ねる（ホバー）ことにより、ビデオ表示が変化します。
*ボタンのクリックはサンプルにつき機能しませんが、メニューとしての応用も可能です。

ボタン Drop bar

ボタンにマウスを重ねる（ホバー）すると、設定したテキストや画像、機能などを表示します。

Image expand

マウスを重ねる（ホバー）すると、画像表示が拡張され、クリックすると表示が変わります。

3D テキスト

テキストの3Dアニメーション装飾です。
文字に奥行きを与え、マウスの動きに追従してた動きになります。

価格カード

価格カードの機能制作例です。
価格以外の表示をして、各データカードとしての利用にもご利用いただけます。

Hover Box２（Woman2）

マウスをホバーさせることにより、画像が変化します。
*DEMOではボタンは機能しませんが、メニューとしての応用も可能です。。

サークル メニュー

アイコンを円形に配置したデザインです。
メニューなどに応用できます。
*ページに記載のあるボタンは、DEMOのため制作しておりません。