okakishi-chaya_img05

STUDY

中面3ページにインタラクションとライトボックスを設定(webflow)

架空サイト【岡岸茶屋】に「お店の紹介」「甘味メニュー」「おみやげ」ページを作成。
お店の紹介ページには、ページスクロールに反応するインタラクションを設定。
甘味メニューページには、ライトボックスを設定。
おみやげページには、マウスオーバーに反応するインタラクションを設定しています。

▽サンプル
live-preview

okakishi-chaya_img01架空のサイトを制作開始(webflow)前のページ

バージョン13.0になって、ようやく取り組む(Adobe XD)次のページxd001

関連記事

  1. webflow017-01

    STUDY

    フレックスアイテムの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いてい…

  2. text-and-particle
  3. ch-lipthink01
  4. Chocolate-Pack

    Photoshop

    チョコレートバーのパッケージモックアップ画像をPhotoshopで作成しました。

    チョコレートバーのパッケージモックアップ画像をPhotoshopで作成…

  5. filmora018

    Filmora

    ファッションコレクション/オーバーレイ10種(Filmora)

    ファッションコレクション/オーバーレイ10種(Filmora); …

  6. filmora-pho014-01

    Filmora

    トランジション「ベーシック編6(終)」(Filmora)

    トランジション「ベーシック編6(終) 」(Filmora) fro…

  1. photoshop-gallery001

    Photoshop

    Photoshop Gallery 001
  2. sunder-gallery-01

    Adobe Muse CCを使ったホームページ制作

    演出効果に優れたカード型レイアウトを簡単に。(Adobe Muse)
  3. filmora018

    Filmora

    ファッションコレクション/オーバーレイ10種(Filmora)
  4. mobilemenu01

    Adobe Muse CCを使ったホームページ制作

    アコーディオンモバイルメニューの設置(Adobe Muse)
  5. eyecatch-200503

    After Effects

    テキストを調整レイヤー化して、アルファチャンネルを利用した表現を試す(After…
PAGE TOP