DEV Community

Cover image for Easy micro-interactions in CSS (Pt2): Multi-state button

Easy micro-interactions in CSS (Pt2): Multi-state button

Anastasia Kas on February 08, 2020

A little preface, this is the second part of my micro-interactions in CSS posts (or micro-tutorials, even). And I am aware it has taken ages for me...
Collapse
 
cydstumpel profile image
Cyd

Cool animations, Anastasia. Just wondering why are you shouting the colors with caps? 😅 I think this example would also be much clearer for beginners if you wrote out the html in stead of using pug

Collapse
 
saintasia profile image
Anastasia Kas • Edited

Thank you!

Haha, I forgot to include this handy chart htmlcolorcodes.com/color-names/, I simply copied the names from there hence the caps.
I try to focus more on CSS rather than HTML or JS, plus you can easily switch view to compiled HTML on Codepen(see the img attached).

But it's definitely very good feedback and I'll give it more thought next time!

codepen

Collapse
 
linehammer profile image
linehammer

More html color codes....

net-informations.com/q/web/color-c...