DEV Community

Cover image for CSS Math Dance
Alvaro Montoro
Alvaro Montoro Subscriber

Posted on Originally published at comicss.art

CSS Math Dance

#css #webdev #showdev

Cartoon titled "CSS Math Dance" with 9 panels in a 3x3 grid showing the same cartoon character, its arms representing the results of different CSS math functions, so they look like dance moves: constant, variable, absolute, power of 2, square root, logarithm, tangent, cosine, and sine.

This cartoon is coded in HTML and CSS. The arms are made of multiple child elements that apply the panel title's math functions to plot the graphs (mostly) accurately. And yes, it's actually using real CSS math functions.

Some of the functions required a little adjustment to make them fit nicely within their panel, but it is what it is... and CSS (and myself) has its limitations.

Links

Top comments (0)