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. photoshop-gallery004

    Photoshop Gallery 004

  2. filmora032-01

    26種類のフレームオーバーレイ(後半)(Filmora)

    26種類のフレームオーバーレイ(後半)(Filmora) from yasuo kishioka…

  3. audition02

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

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

  4. webflow001-01

    ナビゲーションの設置。(webflow)

    サイト制作を進めながら学習したことを書いていきます。◎Componets/Navbar を画…

  5. columns_img01

    カラムの説明(webflow)

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

  6. webflow005-01

    Link Blockの使用(webflow)

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

  7. keynote-animation02

    トランジションエフェクトのアニメーション(Keynote Ani…

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

  8. filmora-pho025-04

    ビジネスコレクション/テキスト29種(Filmora)

    ビジネスコレクション/テキスト29種(Filmora); from yasuo kishioka…

PAGE TOP