menu

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

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

▽サンプル
live-preview

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

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

関連記事

  1. filmora-pho024-03

    ビューティーコレクション/オーバーレイ9種(Filmora)

    ビューティーコレクション/オーバーレイ9種(Filmora); from yasuo kishi…

  2. xd005

    自動アニメーションで目を左右に動かしてみる(Adobe XD)

    バージョン13.0から搭載された「自動アニメーション」を使って、イラストの目をボタンで左右に動か…

  3. filmora-001

    63種類のモーション効果を試してよう!(Filmora9)

    Filmora9で動画編集!!☆63種類あるモーションの効果を確認するためのサンプル動画を作成し…

  4. webflow012-01

    不透明度の設定(webflow)

    ◎不透明度を設定した箇所を選択した状態でEffects/Opacityの%を設定する。※ただし、…

  5. muse-Introduction2-5

    Adobe Muse CCならブラウザ上から更新可能。 (Ado…

    Adobe Muse CCならブラウザ上から更新可能。 (Adobe Muse) from ya…

  6. div_block_img01

    Divブロックの説明(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回は「Divブロ…

  7. webflow01

    『Webflow』始めました。(webflow)

    Muse CCの開発が終了した事もあり、将来的なことを考えて別の制作方法を探していたところ『Webf…

  8. xd001

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

    世の中に登場したから中々、具体的な使い道が見つからず取り組んでいなかったのですが、先日のAdob…

PAGE TOP