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
Watch video Advanced text highlight using inner shadow — Webflow tutorial online without registration, duration hours minute second in high quality. This video was added by user Webflow 12 October 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 19,460 once and liked it 484 people.