Advanced text highlight using inner shadow — Webflow tutorial
In this lesson, Sara teaches how to animate an underline to highlight over a text span on hover, using box shadows, states (specifically the hover and focused state), and an incredibly large amount of movie and TV show spoilers.
00:00 — Introduction
00:51 — Create the text link using spans
00:57 — Style the text link so it doesn't look like Craigslist
02:50 — Create the highlight effect
03:26 — Add the transition to interpolate between the underline and the highlight
04:36 — Use the same method to create spoiler text
06:28 — Recap & Grímur's rant about the ending of James Cameron's Titanic
----------
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community
https://webflow.com
/ webflow
/ webflow
