Letter Spacing on Hover causes Visual Glitching
This is actually for a different website that has some semi unique css/html, but I was able to recreate the problem in a codepen with some specific rules.
https://codepen.io/rainbow_blacklight/pen/mdGKyag
Here's a video of the error; warning for photosensitive viewers.
https://imgur.com/2QBfqCF
I'm wondering if its possible to prevent this from happening while still utilizing letter spacing expansion on hover. Moving the link to the next line or using smaller letter spacing isn't the kind of fix I'm looking for, because I'm making code that other people will use, and they don't know to do those things when adding in their html.
https://codepen.io/rainbow_blacklight/pen/mdGKyag
Here's a video of the error; warning for photosensitive viewers.
https://imgur.com/2QBfqCF
I'm wondering if its possible to prevent this from happening while still utilizing letter spacing expansion on hover. Moving the link to the next line or using smaller letter spacing isn't the kind of fix I'm looking for, because I'm making code that other people will use, and they don't know to do those things when adding in their html.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
