KPC
Kevin Powell - Community•14mo ago
Pat66

Make underline effect

I want realise a underline hover effect on my link but the problem is the undreline take only one link https://codepen.io/alpha_66/pen/JjejLwG?editors=1010 can I get some ideas please ?
Patrick L
CodePen
JjejLwG
...
2 Replies
Mannix
Mannix•14mo ago
try adding 
left: 0;
top: 100%;
left: 0;
top: 100%;
to the after
Pat66
Pat66•14mo ago
a::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
    display: block;
}
a::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
    display: block;
}
problem solved
Want results from more Discord servers?
Add your server
More Posts
How do i handle different logo sizes on a single web page with page load time in mind?suppose i have 2 same logos on my web page, one is 64px wide, one is 160px wide. is it better to hagetting different font-size for button element in different browsershey folks I have set `font-size: 1.6rem` and `font-family: Merriweather Sans, sans-serif` on my bodySuggestions for a header blurry backgroundI need a suggestion for the h1. I'm trying to get a blurry background, but I don't like how it signaWhy does using e.preventDefault() in this way in React not work?I see in the docs that e.preventDefault() is supported, https://react.dev/learn/responding-to-eventsFeel like I'm going crazy... issue with ::before and ::after repositioning an element...I just wanted a horizontal line above and below the text in my span element in the Header.js... for Figma to html cssWhile converting from figma to html css i should use the same units for margins ,padding etc as defiHow change css class on scroll?I checked this guide https://www.youtube.com/watch?v=JMsNslI8KoY&ab_channel=BrianDesign But its not Body extends below footerDoes anyone know why the body extends below my footer on smaller screens ? and there's no fix height