Published in: Technology 3D Animations Author Isolated Traveller Published on: 24/09/2017 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>.<br> 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>.<br> 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>.<br> 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>.<br> 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>.<br> 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>.<br> 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>.<br> 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>.<br> 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>.<br>
