Our favourite 3D animations made by highly skilled programmers

The Hobbit Open Book

See the Pen <a href="https://codepen.io/fbrz/pen/whxbF/" target="_blank" rel="noopener">CSS 3D Bending Effect – Page Flip</a> by Fabrizio Bianchi (<a href="https://codepen.io/fbrz" target="_blank" rel="noopener">@fbrz</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Solar System

See the Pen <a href="https://codepen.io/juliangarnier/pen/idhuG/" target="_blank" rel="noopener">CSS 3D Solar System</a> by Julian Garnier (<a href="https://codepen.io/juliangarnier" target="_blank" rel="noopener">@juliangarnier</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

3D Lion

See the Pen <a href="https://codepen.io/pixelass/pen/xLvoJq/" target="_blank" rel="noopener">CSS 3d lion | CSS variables</a> by Gregor Adams (<a href="https://codepen.io/pixelass" target="_blank" rel="noopener">@pixelass</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

3D X-Wing Star Wars

See the Pen <a href="https://codepen.io/juliangarnier/pen/hzDAF/" target="_blank" rel="noopener">CSS 3D X-wing</a> by Julian Garnier (<a href="https://codepen.io/juliangarnier" target="_blank" rel="noopener">@juliangarnier</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

NES Controller

See the Pen <a href="https://codepen.io/Dreamdealer/pen/Clutk/" target="_blank" rel="noopener">3D NES controller</a> by Johan van Tongeren (<a href="https://codepen.io/Dreamdealer" target="_blank" rel="noopener">@Dreamdealer</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

HTC One

See the Pen <a href="https://codepen.io/simeydotme/pen/teqLr/" target="_blank" rel="noopener">HTC One – CSS 3D</a> by Simon Goellner (<a href="https://codepen.io/simeydotme" target="_blank" rel="noopener">@simeydotme</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

3D Air Plane

See the Pen <a href="https://codepen.io/bodiche/pen/EPdRBR/" target="_blank" rel="noopener">Pure CSS 3D Airplane</a> by bodiche (<a href="https://codepen.io/bodiche" target="_blank" rel="noopener">@bodiche</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Cat Vs Ball of Wool

See the Pen <a href="https://codepen.io/Yakudoo/pen/oXJYxy/" target="_blank" rel="noopener">Cat vs ball of wool</a> by Karim Maaloul (<a href="https://codepen.io/Yakudoo" target="_blank" rel="noopener">@Yakudoo</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

TMNT

See the Pen <a href="https://codepen.io/garthenweb/pen/qnpEJ/" target="_blank" rel="noopener">TMNT in 3D</a> by Jannick Garthen (<a href="https://codepen.io/garthenweb" target="_blank" rel="noopener">@garthenweb</a>) on <a href="https://codepen.io" target="_blank" rel="noopener">CodePen</a>.

Animations Code Programming Technology