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

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.

---

Table of content

• The Curved
• The Irregular
• The Unexpected III
• The Zig Zag
• The Double III
• The Arrow
• The Circular
• The All Sides II
• The Fancy III
• The Inverted III
• The Buggy
• The Morphing II
• The Broken
• The Arcade

---

The Curved

The Irregular

The Unexpected III

The Zig Zag

The Double III

The Arrow

The Circular

The All Sides II

The Fancy III

The Inverted III

The below doesn't work on Firefox due to a known bug

The Buggy

I don't know what happened with the below ones. There is no underline/overlay, they are simply buggy ...

The Morphing II

The Broken

The Arcade

---

That's it

You are probably wondering until where I can go with such collections? All depend on your reactions ❤️🦄!

I made 100 more CSS loaders for your next project

Temani Afif ・ Jun 1 '21

#css #webdev #beginners #html

Comments

[CarolMcKay]

nananananana

[rgedwill]

The batman one!!!!

[lalalandgs]

So pretty!

[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! 👍

[Kay Wiberg]

Brilliant!

[hanhdh22]

Amazing! Thanks for sharing!

[Temani Afif]

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

[Ilias Prekas]

Thanks for sharing!! Great work!

[Temani Afif]

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

[Klausbert]

LOL wonderful!

[MOATAZ795]

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

[Sojasmine Gjerstad]

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

[Temani Afif]

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

[mohammed abdulhakeem alqadasi]

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

[Temani Afif]

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

[mohammed abdulhakeem alqadasi]

yeah sorry I just found it, thanks a million ♥

[Hilmi Hidayat]

awesome

[bravemaster619]

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

[marex980]

Awesome! Batman wins! :)

[Temani Afif]

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

[Schleidens.dev]

Seriously you can make a css library with those code .

I hope you will find this interesting