Hey, Webflow community!
I am hoping you might be able to help me out! I am trying to apply a certain underline effect in my portfolio site.
In the portfolio section, I have the project title larger in white, and the description smaller in orange. My goal is that when I hover on the project the title is underlined in white and the description is underlined in orange. Just so the colors correspond.
Read Only Link: Webflow - Drake Hipple's Portfolio
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
hi @designDrake that’s a great question, you have several ways to create such effect depend what underline style you trying to achieve.
- use CSS
:hover if you would like to use standard underline
- add extra div block under neath give it desired color and after create
hide on mouse hover with some moving animation if needed.
- here is link of search result on this forum with keyword “animate link underline”
there are also more advanced techniques with use of
Hope that helps solve your request