![見出し画像](https://assets.st-note.com/production/uploads/images/95551742/rectangle_large_type_2_83d8442ab3d07701b7d3e726522e7a41.jpeg?width=1200)
Adobe XDだけでできる「ホバーで色がつく画像」(DLデータあり)
Adobe XDだけでできる「ホバーで色がつく画像」
— by|Sasaki (@by15816785) January 13, 2023
輝度と不透明度を利用します。
輝度のレイヤーの下には白いオブジェクトを敷いてあげると下の色に影響を受けなくなります。https://t.co/Zn6RjPHPCU pic.twitter.com/RPGlLpkQ9c
作り方
画像を複製して片方のブレンドモードを「輝度」に変更します
※「輝度」化したレイヤーの下に白い画像を敷くと、下の色に影響されないようになりますコンポーネント化して初期設定のステートとホバーステートで、それぞれの画像の不透明度を変更して表現します
この記事が気に入ったらサポートをしてみませんか?