webflow012-01

STUDY

不透明度の設定(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)前のページ

フィルタの設定(webflow)次のページwebflow013-01

関連記事

  1. photoshop-gallery004
  2. ae-img001

    After Effects

    MotionElementsの素材を使った習作001

    「MotionElements」は、After Effects…

  3. Pillow01

    Photoshop

    枕カバーのモックアップ画像をPhotoshopで作成しました。

    枕カバーのモックアップ画像をPhotoshopで作成しました。画像…

  4. filmora-pho006-01

    Filmora

    テキスト「エンディング編」(Filmora)

    テキスト「エンディング編」(Filmora); from yasu…

  5. filmora-001

    Filmora

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

    Filmora9で動画編集!!☆63種類あるモーションの効果を確認…

  6. filmora036-01

    Filmora

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

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

  1. dropdown-list

    Adobe Muse CCを使ったホームページ制作

    ドロップダウンメニュー(Adobe Muse)
  2. studio13-01

    STUDIO

    マウスオーバーによるボタンアクション集を制作(STUDIO)
  3. snipcart-ecommerce

    Adobe Muse CCを使ったホームページ制作

    Museでeコマース出来るのですが・・・(Adobe Muse)
  4. studio07-01

    STUDIO

    STUDIOを使って時短で低価格の本格的なホームページを制作します
  5. headliner

    Adobe Muse CCを使ったホームページ制作

    9種類のテキストアニメーション(Adobe Muse)
PAGE TOP