Skip to content

vedkribhu/css-dizzy-hover-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation

This showcases a simple effect where the text of the Apple logo is styled to look like it's spinning.

Screen.Recording.2024-10-31.at.12.57.04.PM.mov

The effect is achieved by replacing each letter with a div that contains spans for each character. When a character is hovered, the opacity of all characters is reduced to create the dizzy effect.

This vanilla HTML, CSS, and JavaScript solution depicts how modularization can be achieved without any libraries or frameworks.

The solution is hosted here Sample

Releases

No releases published

Packages

 
 
 

Contributors