🚀 Feature: The Buttons in the Header Section Lacks Transition

[DeepRahangdale]

🔖 Feature description

When hovering over an element, apply a smooth transition effect with a scale change from 95% to 105% to create a subtle zoom-in and out effect, enhancing the user interaction and visual feedback.

🎤 Pitch

Similar to this site.
https://drive.google.com/file/d/1Gm2KpWL_40dTaTYSwiTKyI3HPI0nPcQw/view?usp=sharing
Assign me if Needed.

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

[adarsh-jha-dev]

Hey @DeepRahangdale , could you please assign me this issue?

[Haimantika]

Hi @DeepRahangdale thanks for the raising the feature request. Tagging @TGlide, he can add better about animation.

[TGlide]

At first glance, I'd say this is not needed, as we already have hover states for interactible elements.

firefox_5to1qvFWhr.mp4

[uttampun44]

I think the hover transition is smooth. There is no need to add more transitions. Still, if you want to add a transition, assign it to me.

[DeepRahangdale]

https://drive.google.com/file/d/1QBzUzMiCLIFzs152A9nvHpUspr5xYKmp/view?usp=sharing
@TGlide was talking about this, transition is quite simple!!

[TGlide]

drive.google.com/file/d/1QBzUzMiCLIFzs152A9nvHpUspr5xYKmp/view?usp=sharing @TGlide was talking about this, transition is quite simple!!

We also have hover states there, which is a color transition. Replacing it with a scale transition would not be ideal, as it would exclude people who have prefers-reduced-motion set.

The only possibility would be adding the scale transition together with the color transition, but in my opinion that would be quite distracting and detrimental to user experience.

[DeepRahangdale]

yeah Correct!!