Some Ideas for Inline Hover Reveals

Some ideas for revealing more about a word in running text, on hover or focus, each section with its own look and motion.

Article on Codrops

Demo

Installation

Run this demo on a local server.

Credits

• Animated with GSAP 3.15: ScrollTrigger, ScrollSmoother and SplitText
• The bent strip in Filmstrip, its film wear, the static in Signal, the developing photos in Instant and the pictures coming into focus in Focus Pull are drawn in WebGL
• Home videos in Rewind cut from Pexels clips: candle, dandelion, dive
• Font: Host Grotesk by Element Type (SIL Open Font License 1.1, see fonts/)

Misc

Follow Codrops: X, LinkedIn, Instagram, Facebook, GitHub

License

MIT

Made with 💙 by Codrops