Animated 3D Objects Without SVG or Canvas

Avatar of Chris Coyier
Chris Coyier on (Updated on )

One of the ways you can make a triangle with CSS is by using a 45-degree angle gradient on an element that goes from from colored to transparent with an hard split at the half-way point. Then you can use CSS3 stuff like translate, rotate and skew on them to alter their shape. And if you are really fracking good at it like James Long, you can make an entire animated 3D shape out of a whole bunch of them.

Direct Link →