A few demos on thewebrocks.com

doublesun/ Undoing the lame 'double sun' in Star Wars: A new hope. Just drag and drop it.
cuberollovers/ IE=edge,chrome=1
smashing-events/ Events refresher article on Smashingmag demos
touchtest/ IE=edge,chrome=1
canvasthumber/ Batch generate thumbnails by dropping them into the page.
context-menu/ How to use detect support, hint availability and make context menus dynamic.
html5-3d-css/ Making the HTML5 logo rotate in 3D space with CSS transformations
browsermemory/ initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=0;
x-tag/
audiosprite/ IE=edge,chrome=1
zoom-and-pick/ Zoom and pick is a client side tool to pick colours from an image and create the CSS from the chosen colours
smile/ Because sometimes you want to leave a rotating trail of smileys on a page.
mozhtml5/ IE=edge,chrome=1
3D-css-tester/ IE=edge,chrome=1
mdnmgm/ Making a MGM style intro with the MDN logo and CSS transitions
interaction-cam/
videooverlay/ IE=edge,chrome=1
bounce-a-horse/
cubes/ A rotating cube using 3D CSS transforms
intros/
brickdeck/ width=device-width, user-scalable=yes
browserid/ IE=edge,chrome=1
crop/ A demo of how you can use the context menu and canvas to provide in-browser image cropping
audiofade/
what2pack/ width=device-width
targetgallery/ An image gallery in pure CSS using :target
irregular-shape-rollover/ width=device-width
mozmonument/ width=device-width
3D-photo-rollover/ IE=edge,chrome=1
html5catcher/ HTML5 catcher is a simple game to catch falling elements. You can use the keyboard, move the mouse or tilt your phone or tablet to move left and right
mozilla-monument-name-finder/
time-yourself/ A quick game to test your sense of time.
bunnies/ IE=edge,chrome=1
pigs/ Flying pigs in Canvas
game/
postercircle/ A demo showing off the power of CSS 3D transformations.
beaniemaker/ IE=edge,chrome=1
gradientsio/ Curated gradients for designers and developers.