Pure CSS3 Box shadow & page curl effect
jsCanvasBike
Some Amazing Examples of HTML5 and CSS3
More 30 Beautiful Border And Corner Brush Sets
HTML5 Canvas Mirror Transform Tutorial
The Experiment - chrome experiments
Launched today, The Experiment is a physics-based game that challenges players to create a chain reaction by placing a set of objects in the correct sequence. Each object interacts with those around it creating hundreds of possibilities and combinations. The game pushes the boundaries of browser-based gaming, creating an original and fun way to play online.
For the best experience I would recommend using Chrome on PC or Safari on Mac.
The Experiment was created for Honda in collaboration with B-Reel, the same whizz kids who brought you The Wilderness Downtown and Google Chrome Speed Tests.
The whole thing is built with html5 and Javascript. Interaction and animation: Interactions with windows are done with a custom built javascript. Animation of windows are done with a custom built javascript. Animation control (syncing between windows, video and audio) are done with a custom built javascript. Media: Video and audio are using the new html5 media elements. Transformation of elements (flipped graphics and mallet) is done with CSS3 Transformations Drawing and animation of cogs are done using html5 canvas element, and controlled by custom built javascript. Drawing of background grid is done with a custom built javascript. Drawing of red line is done using PaperJS. Start page: Animation of combobox, footer links and Honda logo on the start page is done with CSS3 Animations. Data for combobox is using the new data attribute in html5. Technical stuff: Class structure is implemented with a custom built javascript. Javascript compressor will be done a custom built javascript once we are ready with all the changes. Backend is built in php.
Tags:
Recent Posts