Trigonometry Functions

This past weekend I played a little with the CSS trigonometric functions while creating some CSS Art, so I decided to do a comic about them!

And it's kind of a game: the comic has the names of eight trigonometric functions from CSS, can you find all of them? The solution will be at the end of this article, so I will write something to push them to the bottom.

Injecting the functions into the comic make it a little surrealist, and the conversation can be a bit absurd (oh, you can't go tanning? how about a tangerine?) But that's "humor" for you (or at lest for me).

I have to admit that this copy has a lot of copy-paste. Basically it's a copy of this other one, and then I changed the face expressions and some minimal things. A couple of the characters repeat position in both comics 😅

I really need to create a web component that generates the characters based on a set of arguments passed. It will simplify coding considerably. But is it worth it? It would involve a lot more of this style of comics, which wouldn't be bad. I like the style.

But I'm digressing...

So now for the game...

...

..

.

..

...

..

.

..

...

..

.

..

...

What are the eight CSS trigonometric functions hidden in the comic?

• tan(): "tanning" (first panel)

• atan2(): "a tan too" (second panel)

• cos(): "coz" (second panel, this is phonetic)

• sin(): "sinus" (second panel)

• acos(): "such a cost" (third panel)

• asin(): "a sin" (third panel)

• atan(): "a tangerine" (third panel)

• hypot(): "hypothesis" (fourth panel)

This last one is not necessarily a trigonometric function, but a generic math one. Yet, with that name, I'll count it as one.

Were you able to find them?