Skip to main content
Question

Controlling hover state position

  • September 11, 2024
  • 3 replies
  • 178 views

I have a component with multiple variants for the static state and hover states. On hover, I want the hover state to appear in a different place than where it is appearing on my screen - when it fades in, it falls off the frame. Is there a way to control the hover state position?

This topic has been closed for replies.

3 replies

Raphael_M
  • Power Member
  • 396 replies
  • September 11, 2024

Can you explain more? A vid or something will be better.


  • Author
  • 4 replies
  • September 14, 2024

Sure. When I hover over the square with the plane in the background, the hover state populates off to the left. I want it to populate in the center of the screen, ideally over the rest of the content. I’m beginning to think I’ll have to use an overlay instead, which is not ideal.


Raphael_M
  • Power Member
  • 396 replies
  • September 16, 2024

Is that a video behind? Well, there’s a trick like make the entire thing a component so you can control the position of the video.

You can also control it by making a separate video container at the back and change the variant on hover of those cards (which I recommend).