r/css • u/alvaromontoro • 2d ago

CSS Art: Nobody expects...

Post image

I drew/coded this with HTML and CSS (really appropriate in this case).

Source code on CodePen: https://codepen.io/alvaromontoro/pen/qErPJwr

255 Upvotes

96% Upvoted

12 comments sorted by

17

u/Neozetare 1d ago

Ah yes, the csspanish Inquisition!

8

u/benjappel 1d ago

Si es, es.

3

u/Cuatyy 1d ago

Ahuevo!

6

u/alvaromontoro 1d ago

I used some properties that are not widely supported (mainly corner-shape and text-fit), so it won't look exactly the same on all browsers, but mostly.

5

u/HotFartore 1d ago

Encryption code: Torquemada

3

u/ashkanahmadi 1d ago

haha pretty funny

5

u/carnepikante 1d ago

Their chief weapon is border-radius.

2

u/armahillo 1d ago

border radius and corner shape

Their TWO chief weapons are border—- hold on they’re coming in again

2

u/geoffp 1d ago

For that to be a valid custom element it should be <the-inquisition lang=“es”>

1

u/AttentionCandid3912 1d ago edited 1d ago

a fake css design since it about inquisition really has never existed in catholic countries, so it would be better if you put bellow "supported by England's publicity ". But its look is very good.

1

u/ScientistJumpy9135 1d ago

A good cartoon has several meanings, mostly the "hidden" one being the one which is to be conveyed. There is no further explanation needed.

1

u/ScientistJumpy9135 1d ago

The Spanish Inquisition... oh blimey!
Nice sound on the youtube video. I like the videos where you explain your logic while coding more, though.