adobe xd ホバーアニメーションについて

Question

課題でadobe xdを使用しています。

画像にマウスオーバーした際に不透明度を50%になるようにしたいです。
画像を配置→
画像を左クリックして、コンポーネント化→
![]
初期設定のステートのプラスを押し、ホバーステートを追加→
ホバーステートの不透明度を50%に設定

という順番で行っていますが、同時に初期設定も変わってしまいます。
一体何が原因なのでしょうか?

初歩的な質問ですが、答えていただけると幸いです。

Answer 1

不透明度の設定自体がアニメーションでは、いじることができず。
すべて、変わってしまうということのようです。

解決方法として、画像の上に白の不透明の図形を張り、それを表示する・表示しないで対処できるみたいです。分かりずらい説明で済みません。

なにか、違うことや補足などがあれば、教えていただけると幸いです。