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
On this page of the site you can watch the video online Advanced text highlight using inner shadow — Webflow tutorial with a duration of hours minute second in good quality, which was uploaded by the user Webflow 12 October 2021, share the link with friends and acquaintances, this video has already been watched 19,460 times on youtube and it was liked by 484 viewers. Enjoy your viewing!
