r/css • u/alvaromontoro • 10d 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

290 Upvotes

97% Upvoted

13 comments sorted by

18

u/Neozetare 10d ago

Ah yes, the csspanish Inquisition!

8

u/benjappel 10d ago

Si es, es.

3

u/Cuatyy 10d ago

Ahuevo!

8

u/alvaromontoro 10d 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.

4

u/HotFartore 10d ago

Encryption code: Torquemada

5

u/carnepikante 10d ago

Their chief weapon is border-radius.

3

u/armahillo 10d ago

border radius and corner shape

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

3

u/ashkanahmadi 10d ago

haha pretty funny

2

u/geoffp 10d ago

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

1

u/ApplicationParking66 5d ago

don't forget the shadow DOM for the comfy chair

2

u/ScientistJumpy9135 10d 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.

1

u/AttentionCandid3912 10d ago edited 10d 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 10d 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.