search

Groverio / To-Do-List

A simple and intuitive To-Do List application to manage your tasks effectively. Features include task creation, editing, deletion.
https://groverio.github.io/To-Do-List/
MIT License
46 stars 142 forks source link

Fix: Stable and Smooth Social Media Icons Hover Animation #335

Closed ahmedrazabaloch closed 3 weeks ago

ahmedrazabaloch commented 3 weeks ago

Solution:

Fixed the hover effect to ensure that the icons do not move but smoothly animate by scaling up slightly. Ensured that the border doesn't cause any shifting during hover by making the border transparent rather than removing it entirely. Added a more subtle scale animation for a smoother and more refined hover experience.

Changes:

Added box-sizing: border-box; to maintain the layout. Set a slight scale transform (scale(1.01)) for the hover effect to provide a more consistent animation. Adjusted border behavior during hover to prevent size changes.

before

before

after

after

ahmedrazabaloch commented 3 weeks ago

@Anshgrover23 please checkout the this PR then i work on other things

ahmedrazabaloch commented 3 weeks ago

@Anshgrover23 please accept it or commit your query