3D Penrose Triangle Illusion in CSS
Penrose triangle by Josetxu on CodePen
Open on CodePen ↗Josetxu builds the impossible Penrose triangle as a 3D CSS optical illusion. The stand-out detail is the granite texture: instead of a background image, it is made from just two conic gradients.
illusions3Dtransform-styleconic-gradient
The modern.css newsletter
New CSS each month, and new things in the Atlas. 806 subscribers. Past issues
More like this
See all →- scroll-driven
by Chris BolsonCircular typographic scramble
Scroll and scattered letters snap into a circular sentencescroll-driven3Danimation-timelinesibling-index() - 3D
by Ben Evans3D room
A furnished room in 3D, made only with HTML and CSS3Dartperspectivetransform-style - games
Best in Chromeby Ben EvansCTRL ALT ELITE
Elite from 1984, played with Alt and the original keysgames3D:checkedtransform-style