ABCs of CSS

It took me a bit longer than I initially wanted, and ended a bit "burnt out" with the cartoon itself (I tried to make all the letters some type of pun or joke, but some are just meta-references or social statements.

I had in mind do the "ABCs of CSS Art" and the "ABCs of HTML", but seeing how much this one took me, maybe I should chill on those a little. We'll see how that goes.

As always, it is coded in HTML and CSS (with SCSS instead of native nesting because I found some issues). You can check the source code on this private CodePen demo. Feel free to change the font-size of the article on line 27, to make the cartoon larger and easier to read. (If you make it too small, you may hit a bug with mix-blend-mode on Chrome.)

Some of the letters are interactive (like the "R for resize") and some are animated (like the "K for keyframes" or the "Q for quotes"). I hope you like it. Let me know if you have any favorite letter.