DEV Community

Cover image for 100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

100 more underline/overlay animations | The upgraded CSS collection 🥇🥈🥉

Temani Afif on April 15, 2021

Ready for the 3rd round? let's go! As usual: No SVG, No JS, No extra tag, No pseudo element, No keyframes. Only one element and transitions. ...
Collapse
 
grahamthedev profile image
GrahamTheDev

Love it once again, spent a good 5 minutes getting my head around how Mario was drawn! (I know, spoilers!)

I am getting pretty tired of praising you now though so all you get is a "good job" this time 🤣🤣 😋

Collapse
 
icecoffee profile image
Atulit Anand

Ditto haha 😂

Collapse
 
madza profile image
Madza

Insane list 💯 Especially arcade ones and the Batman one 🙌

Collapse
 
afif profile image
Temani Afif

come on! no spoil 😜

Collapse
 
rgedwill profile image
rgedwill

The batman one!!!!

Collapse
 
hilmi profile image
Hilmi Hidayat

awesome

Collapse
 
schleidens profile image
Schleidens.dev

Seriously you can make a css library with those code .

I hope you will find this interesting

Collapse
 
marex980 profile image
marex980

Awesome! Batman wins! :)

Collapse
 
afif profile image
Temani Afif

in case you missed it, the previous collection also contain a Batman ;)

Collapse
 
bravemaster619 profile image
bravemaster619

Fun fact: you can solve the puzzle in his stackoverflow profile to get reach to him

Collapse
 
danielhansson profile image
Daniel Hansson

Love the design!

Collapse
 
lkotan profile image
Lutfi Kotan

Very good...

Collapse
 
oscarrios0101 profile image
Oscar Rios

you are a god

Collapse
 
afif profile image
Temani Afif

another list is released: dev.to/afif/still-100-underline-ov...

Collapse
 
vipul25 profile image
Vipul Vishwakarma

unbelievable;)

Collapse
 
vishal2369 profile image
Vishal2369 • Edited

this guy is genius.

Collapse
 
ianujvarshney profile image
ANUJ VARSHNEY

Wao it's awesome and cool all hovers. Such a very beautiful. There are lot of hover will be help us a lot of enhance skill in CSS. Thank you bro! 👍

Collapse
 
lalalandgs profile image
lalalandgs

So pretty!

Collapse
 
allramest83 profile image
Kay Wiberg

Brilliant!

Collapse
 
motz795 profile image
MOATAZ795

The Morphing II = 5 👍👍👍👍👍👍👍

Collapse
 
sojasmine profile image
Sojasmine Gjerstad

I really love your work🥰.
Thanks for sharing:).

Collapse
 
afif profile image
Temani Afif

another list is released: dev.to/afif/still-100-underline-ov... :)

Collapse
 
mo7ammedabdulhakeem profile image
mohammed abdulhakeem alqadasi

Great, is it ok to show us the source code?

Collapse
 
afif profile image
Temani Afif

I am not hiding anything, the source is there. Maybe you are not familiar with codepen?

Collapse
 
mo7ammedabdulhakeem profile image
mohammed abdulhakeem alqadasi

yeah sorry I just found it, thanks a million ♥

Collapse
 
klausbert profile image
Klausbert

LOL wonderful!

Collapse
 
hanhdh22 profile image
hanhdh22

Amazing! Thanks for sharing!

Collapse
 
afif profile image
Temani Afif

I have released another list: dev.to/afif/still-100-underline-ov... :)

Collapse
 
amorgoliakos profile image
Ilias Prekas

Thanks for sharing!! Great work!

Collapse
 
afif profile image
Temani Afif

Another list is released: dev.to/afif/still-100-underline-ov... :)

Collapse
 
carolmckay profile image
CarolMcKay

nananananana