Skip to main content
Solved

Black overlay when hovering over an instance

  • February 13, 2022
  • 5 replies
  • 1012 views

yoozer.io

I need to simulate a simple hover effect when hovering over a music cover, which is a layer on an instance, which is part of a huge playlist. The main component has 2 states, “enabled” and “hover” to simulate the hover effect. It also contains the title and a play button animating in.

My initial thought was to animate a black layer from 0% to 50% within the main component. But it doesn’t work as it is then replacing the music cover layer within the instance.

Any ideas?

Best answer by tank666

Check out this file:

Figma – 13 Jan 22

I hope this helps you.

View original
This topic has been closed for comments

5 replies

tank666
  • 4863 replies
  • Answer
  • February 13, 2022

Check out this file:

Figma – 13 Jan 22

I hope this helps you.


yoozer.io
  • Author
  • 6 replies
  • February 13, 2022

Thx, that’s what i’m looking for. But i don’t really get it. Can you give permission so can look at the prototype, or can you tell me how you did it? You got 2 components now, how are they linked together?


tank666
  • 4863 replies
  • February 13, 2022

You can duplicate the file in your drafts to be able to study in more detail.


yoozer.io
  • Author
  • 6 replies
  • February 13, 2022

Got it:)) Thank you!


  • 0 replies
  • March 15, 2022

This topic was automatically closed after 30 days. New replies are no longer allowed.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings