DEV Community

Cover image for CSS Optical Illusions

CSS Optical Illusions

Alvaro Montoro on January 15, 2026

Over the past week, I have coded a series of optical illusions using CSS only (and some HTML for one of them, but most of them are CSS only). I cre...
Collapse
 
jess profile image
Jess Lee

Ohhh nooo my brain!!!!

Collapse
 
mrsuddenjoy profile image
Wojtek

Touch it and it will explode, huh?

Collapse
 
pascal_cescato_692b7a8a20 profile image
Pascal CESCATO

Amazing! And now my eyes are blinking like a Christmas tree!

Collapse
 
sylwia-lask profile image
Sylwia Laskowska

Wow, I LOVE CSS art 😍😍😍

Collapse
 
mrsuddenjoy profile image
Wojtek

This is pure poetry :)

Collapse
 
jesusquijada34 profile image
Jesús Quijada

OMG, Son buenas!!!

Collapse
 
camb profile image
camb

WhOoOOaAaa!

Collapse
 
clovice_bayen profile image
Clovice Bayen

Woaaawh i like it

Collapse
 
fedya_serafiev profile image
Fedya Serafiev

This looks great 👏

Collapse
 
liemi profile image
liemi

waw

Collapse
 
sarahvarghese profile image
Sarah Varghese

This is awesome 👏
These aren’t just CSS tricks — they’re real perception experiments done with web primitives, which makes them even cooler.

The gray color and gray bars illusions are especially strong — simple, readable, and instantly mind-bending 😅
Also appreciate the motion warnings and hover-to-reveal details.

Great reminder that CSS can be a perceptual medium, not just layout.

Collapse
 
clovice_bayen profile image
Clovice Bayen

🫡🫡🫡