CSS Optical Illusions

These "dots appearing only while (not) focused" are known as "extinction illusions", namely

    "25 - Appearing Dots"

    "26 - Disappearing Dots"

[1] https://www.psy.ritsumei.ac.jp/akitaoka/kieru3e.html#:~:text...

[2] https://www.psy.ritsumei.ac.jp/akitaoka/kieru3e.html#:~:text...

[3] https://codepen.io/myf/full/XjdmJy ( scintillation warning)

[4] https://codepen.io/myf/full/jMqoMW ( scintillation warning)

This is cool, but more as a demonstration of interesting CSS techniques than optical illusions in my opinion.

Also, interestingly, I seem to be able to force myself to "see through" all of these illusions except for induced gradients, which I can't stop seeing unless I cover part of the screen.

Cool!

I did something similar for my personal favorite illusion, the Ames window illusion. Recreated with CSS: https://brandondong.github.io/blog/ames_window/

33 - color fan: There is another interesting optical illusion here: The fan seems to rotate faster when not directly looking at it.

What would be most interesting is using optical illusions to help decode how brain visual processing is done.

Heh, I used to do these in Excel.

These are all super dark, for some reason.

Wow, this is great!

I want to put some of them in my UIs.

They could make capchas out of these.