Gradient Underlines with Smooth Hover Animation | Webflow Tutorial 2021

Pubblicato il: 16 agosto 2021
sul canale di: 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! 😎

In questa pagina del sito puoi guardare il video online Gradient Underlines with Smooth Hover Animation | Webflow Tutorial 2021 della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Simon Lampert 16 agosto 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 3,516 volte e gli è piaciuto 110 spettatori. Buona visione!