Gradient Underlines with Smooth Hover Animation | Webflow Tutorial 2021

Publicado el: 16 agosto 2021
en el canal de: 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! 😎

En esta página del sitio puede ver el video en línea Gradient Underlines with Smooth Hover Animation | Webflow Tutorial 2021 de Duración hora minuto segunda en buena calidad , que subió el usuario Simon Lampert 16 agosto 2021, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 3,516 veces y le gustó 110 a los espectadores. Disfruta viendo!

1,221