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. container_img01

    コンテナの説明(webflow)

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

  2. filmora-pho002-01

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

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

  3. filmora-pho004-01

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

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

  4. webflow003-01

    基本要素の設置(webflow)

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

  5. webflow016-01

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

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

  6. div_block_img01

    Divブロックの説明(webflow)

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

  7. keynote-animation01

    インとアウトのアニメーション(Keynote Animation…

    【Keynote】をプレゼンテーション用としての利用以外に、ネット上などで掲載をするための動画作…

  8. audition02

    動画のBGMにはbeatgain.comとAudition CC…

    前回、制作した「Keynote Animation」ですが、一部(20〜30点程)フリーで利用可…

PAGE TOP