Gradient Underlines with Smooth Hover Animation | Webflow Tutorial 2021

Veröffentlicht am: 16 August 2021
auf dem Kanal: Simon Lampert

3,516

110

In this video, I will show you how to create and animate gradient underlines in Webflow. We will add a smooth hover animation by using custom CSS code. I will guide you through the full process so that you will be able to create your own underline hover animations after watching my tutorial. Hopefully, this video will be helpful for you! 👍

💻 Use Webflow: https://webflow.grsm.io/simonlampert
⚡ Check out the Relume Library: https://library.relume.io/?via=simon
🖥️ Get the code snippet here:
https://simonlampert.notion.site/Unde...

🔥 Follow me on Instagram:   / simonwebdev

🦅 Follow me on Twitter:
  / simonwebflow

🌎 Connect with me on LinkedIn:
www.linkedin.com/in/simon-lampert

📷 Timestamps
0:00 - Introduction
0:50 - Creating an underline gradient
2:00 - Placing a CSS embed and explaining the code
4:22 - Creating a hover underline animation
6:56 - Outro

🎵 The songs:
Six Seasons - Unicorn Heads
   • Unicorn Heads - Six Seasons

Whip - Yung Logos
   • Video

Like That - Anno Domini Beats    / @annodominibeats

Soul Searching - Causmic    / @causmic

Turtle Time - Verified Picasso    / @verifiedpicasso7260

👍 Check out my other Webflow videos if you want to learn more and leave a like if you think this tutorial was helpful. Do you have a question? Just ask in the comments. Never miss a new video again by subscribing to my channel.

See you next time! 😎

Auf dieser Seite können Sie das Online-Video Gradient Underlines with Smooth Hover Animation | Webflow Tutorial 2021 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Simon Lampert 16 August 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,516 Mal angesehen und es wurde von 110 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

1,221