How to add underline text

[zero_to_one]

Hey there,
I’d like to add this kind of underline to my text http://prntscr.com/nvjzfh
this guys got it also right here http://prntscr.com/nvjzz8
http://www.thegigi.it/en

thanks for your help

[ruenel]

Hello @zerotoone.de,

Thanks for posting in!

The given url is using a custom css code. You will need to make a link or have your text wrap with a custom class like this:

<p>New ideas surround us everywhere, yet keen instincts are
required to understand them and capture their <span class="underline">essence</span>. </p>

And then you will have to

.underline {
    position: relative
}

.underline:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    z-index: -1;
    transform: scaleX(1);
    transition: transform .8s cubic-bezier(.06,.7,.32,.99) 1.2s;
    transform-origin: 0 0;
    background: #c6c6c6;
}

We would love to know if this has worked for you. Thank you.