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. filmora-pho008-01

    動画を分割表示させてドラマ仕立てに(Filmora)

    動画を分割表示させてドラマ仕立てに(Filmora); from yasuo kishioka …

  2. filmora-pho005-01

    テキスト「サブタイトル編」(Filmora)

    テキスト「サブタイトル編」(Filmora); from yasuo kishioka on V…

  3. webflow003-01

    基本要素の設置(webflow)

    サイト制作を進めながら学習したことを書いていきます。今回は基本要素設置の紹介になります。…

  4. webflow008-01

    リッチテキストの使用(webflow)

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

  5. webflow016-01

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

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

  6. filmora-pho002-01

    テキスト「オープニング編」(Filmora)

    テキスト「オープニング編」(Filmora); from yasuo kishioka on V…

  7. webflow01

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

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

  8. photoshop-art005

    Photoshop Art 005

PAGE TOP