Notice: Undefined index: order_next_posts in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 194

Notice: Undefined index: post_link_target in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 195

Notice: Undefined index: posts_featured_size in /nas/content/live/gadgetmag/wp-content/plugins/smart-scroll-posts/smart-scroll-posts.php on line 196

5 CSS & HTML experiments that will inspire & impress

Great examples of code that are pushing the boundaries of web technologies


This is a retro HTML5 game that will demonstrate the power of the browser. Take it for a test run and head back to your childhood

Circle, square, triangle

A neat CSS keyframe animation that transforms from shapes into a dolphin as it crashes into the opposing colour.


A button that seamlessly transitions from one state to another using a flip animation. The clicking position determines the animation.

HTML5 Canvas loader

Page loaders are simple and boring, not this one. HTML5 Canvas brings the loader to life with a simple animation.

3D CSS typography

Take a half-decent font, add a pure CSS 3D effect, include some simple animation and admire the end result.