menu

不透明度の設定(webflow)

◎不透明度を設定した箇所を選択した状態でEffects/Opacityの%を設定する。
※ただし、不透明度を変更すると、設定箇所の上に乗っている箇所すべてに反映されるので注意が必要。
希望としては背景のみに不透明度を設定したいのですがその方法が見つかっていません。

webflow012-02

◎同箇所についてはマウスオーバー時にTransitions & Transform/Transitionsに100%にゆっくりと表示されるように設定しています。

webflow012-03
webflow012-04

◎下の箇所についてはマウスオーバー時にTransitions & Transform/TransformでMoveとScaleの設定を行っています。

webflow012-05
webflow012-06

▽サンプル
live-preview

▷Adobe Museでホームページの制作/岸岡デザイン事務所
http://y-kishioka.com

▷Movie Web Magazine/KISHIOKA.DESIGN
http://kishioka.design

webflow011-01ブレークポイントで画像のサイズを変更する(webflow)

webflow013-01フィルタの設定(webflow)

関連記事

  1. dimension003

    チョコレートのパッケージを作る(Adobe Dimension …

    Adobe Dimension CCを使って、チョコレートのパッケージを作りました。パッケージの…

  2. filmora036-01

    旅の素敵な動画を飾る28種類のタイトル(後編)(Filmora)…

    旅の素敵な動画を飾る28種類のタイトル(後編)(Filmora) from KISHIOKA.D…

  3. filmora-pho019-01

    教育コレクション/タイトル33種(Filmora)

    教育コレクション/タイトル33種(Filmora); from yasuo kishioka o…

  4. webflow013-01

    フィルタの設定(webflow)

    webflowを使用してのサイト制作を進めながら学習したことを書いていきます。今回はフィルタの設…

  5. webflow016-01

    フレックスボックスの設定2(webflow)

    ◎「Reverse Layout」の選択でブレークポイントでレイアウトを逆にする必要がある場合などに…

  6. filmora-pho004-01

    テキスト「テロップ編」(Filmora)

    テキスト「テロップ編」(Filmora); from yasuo kishioka on Vim…

  7. webflow005-01

    Link Blockの使用(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回はの紹介になります。は、写真や文…

  8. simpleshow01

    simpleshow試作その1(Adobe Premiere P…

    Adobe Premiere Pro CC/Adobe After Effects CCの学習用に…

PAGE TOP