
Weekly Challenge #6 : The CSS Optical Illusion đź”®
Today is the 8th, and although I am a day late, we’re rolling into Weekly Challenge #6 — something a little trippy, a little brain‑melting, and very fun to build. This week, your mission is to create a CSS‑only optical illusion . No JavaScript. No canvas. Just pure CSS wizardry. Think of those illusions where your brain goes: “Wait… is that moving? Is that rotating? Is that… even possible?” Yeah. That. The Mission Build an illusion that: looks impossible moves or shifts even when it’s not actually moving tricks the eye using patterns, gradients, shapes, or perspective is powered entirely by CSS It can be subtle or chaotic — your choice. The Rules No JavaScript Must visually “trick” the viewer Must use at least one of the following: repeating patterns gradients perspective transforms animation timing illusions Must be interactive or animated Must be shareable in a CodePen or GitHub link The Goal Make people stare at it for 10 seconds and go: “…bro what.” If someone questions reality for
Continue reading on Dev.to
Opens in a new tab



