Create Underline Button Hover Effects | Pure CSS

Create simple hover button underline effect, we are gonna create the underline using Pseudo-element ::after
Create a smooth shadow : brumm.af/shadows
Transform-origin Demo : developer.mozilla.org/en-US/d...
Support The Channel:
paypal.me/canddev
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
------------------------------
Levity by Johny Grimes / johny-grimes
Creative Commons - Attribution 3.0 Unported - CC BY 3.0
Free Download / Stream: bit.ly/2sUZMCR
Music promoted by Audio Library • Levity - Johny Grimes ...
------------------------------
#underlineHover #CSS #enjoyCoding

[@lukewyeth1989]

Thanks mate. You made me laugh when saying, 'really'.

[@aMuslim1]

Thank you for the quick run down!

[@thanoojjeyanandan811]

Amazing video brother all the other videos are poorly made or explained. Thank you so much , hope to see some more video lessons from you as I am learning myself.

[@temposdabrilhantinaaltair1140]

awesome dude, you helped me a lot today!

[@roronowazoro2983]

Thank U so much Sir,
You explained so well.

[@shamana-om]

Thank you for this great video - amazing explanation!

[@emanueltejadacoste2250]

Love this video ❣️ and the way you said “really” when the cursor didnt show up

[@nikolozmacharashvili1212]

thank you for the first effect.

[@SoloAnn]

Thank you!

[@kingmason145]

Awesome tutuorial!

[@050_sahdevodedara6]

Thanks for the tutorial buddy

[@chris_and_music]

It worked forme, thanks ! :)

[@ohkarsworld1500]

thanks alot for tutorial and given links

[@vasyaqwe2087]

Thanks, this helped a lot

[@ine2548]

Very nice!

[@VincentLabStudio]

Nice video. Keep up the good work.

[@ulisesorozcovillegas]

Muy útil mil gracias.

[@hagergamal2856]

Thanks man 👍

[@achmadluthfan9363]

thankk youuu!

[@shubhamgupta3530]

thank you

[@devenpatel4684]

Really....
Its very good😁

[@agussatrya4529]

nice video, thank broo

[@assk477]

thanks bro

[@pioneer7920]

Hello, I would like to ask you about the second example of left. Is there a way to make its width dissipate from left to right when stopping hover without using javascript?

[@user-qh6zf2oh9j]

nice

[@HarpreetSingh-ei5xj]

Great video. Quick Question-How do I add a link to those buttons?

[@KhalidAli-ne8tt]

Attribute "on click" for this bottom then add your like in href path

[@qden1skaq145]

thx bro, hi from russia

[@lucaspereira5087]

thanks... but, why the cursor pointer??? 😂 😂

[@tuananhtran4390]

why not .btn-center::after {transform: scale(0,0)} instead of .btn-center::after {transform: scale(0,1)} ?

[@ishraq95]

yes for center this works for me..

[@Ganesh262]

Arial, Helvetica, sans-serif;

[@lotfibelabbas8411]

are you from french ?

[@CandDev]

no, i'm from Indonesia

[@sabertoothwallaby2937]

border-bottom:

[@MrAbbo11]

thanks for this... really. lol crying. Get a new keyboard or new fingers. Whichever is easier to do.

[@codingwithjoshua]

it doesnt work at all!!