css

CSS play - Connect Four

A logic version of Connect Four using just CSS3 for two players.




css

CSS play - Space Invader

A CSS3 animated space invader using two divs and linear-gradients, no images.




css

CSS play - Animated Sprites

A CSS3 animated sprites using no images.




css

CSS play - Random Heroes Animation

A CSS3 Random Heroes game, animated sprites using no images.




css

CSS play - Brick Wall

A CSS3 Brick wall using no images.




css

CSS ONLY click open/close action multi-level menu suitable for the iPad etc..

Using just CSS to produce a multi-level menu with a click to open/close action instead of the normal hover suitable for the iPad.




css

CSS vertical menu with stepped zoom

Using just CSS to produce a vertical menu with a stepped zoom action.




css

CSS play - Reflow Gallery

A CSS3 thumbnail gallery with reflow of thumbnail images when viewing large images.




css

CSS play - Any Size Gallery

A CSS3 gallery for images of different sizes.




css

CSS play - Any Size Gallery - version 2

A CSS3 gallery for images of different sizes - version 2.




css

CSS play - Page Flip Book version 2

Using CSS3 and the page flip technique to produce a book in which you can flip forwards and backwards through the pages.




css

CSS play - 3D Animated Stacking Slideshow

A CSS3 Stacking Slideshow with 3D animation for all modern browsers except Opera.




css

CSS play - 3D Cube Animation for IE10

A CSS3 Animated Cube that demonstrates the difficulty in styling for IE10 without using 'preserve-3d'.




css

CSS play - 3D Dymaxion Map Animation for IE10

A CSS3 Animated Dymaxion Map that works in IE10.




css

CSS play Slide Down / Concertina Menu

A CSS slide down menu with concertina action sub menus. Suitable for the iPad Etc..




css

CSS play - Animated 3D Cube Gallery for IE10

A CSS3 Animated 3D Cube Gallery that works in IE10.




css

CSS play - Animated 3D Gallery - Challenge

A CSS3 Animated 3D Gallery with a challenge to get it working in IE10.




css

CSS play - 3D Spinning Boxes for IE10

A set of six 3D boxes tht spin on their own axis and around a central point, suitable for IE10.




css

CSS play - Fly In/Out Gallery

A Gallery with fly-in and fly-out animation between iage changes. Suitable for all the latest browsers including IE10.




css

CSS play 3D Flip Down Menu

A CSS 3D animated flip down menu suitable for IE10.




css

CSS play - Text hover gradual color changes and gradient fills

Several methods of applying a 'swipe' color change to text on hover and a gradient color fill.




css

CSS play - Image reflections

A CSS only method of producing image reflections on solid background colors.




css

CSS play - IE10 Specific styling

IE10 grid layout with three columns a central exclusion zone and touch screen scrolling gallery




css

CSS play Dropdown/Flyout Menu for IE10 Touch Screen Devices

A method of getting multi level dropdown/flyout menus to work in IE10 on touch screen devices.




css

CSS play Droplist Menu for IE10 Touch Screen Devices

A method of getting a droplist menu to work in IE10 on touch screen devices.




css

CSS play - Holiday 2013 Photo Gallery

A CSS gallery to display some of the photos taken during our 2013 visit to New Zealand, Australia and Singapore




css

CSS play Information Panels suitable for touch screens

A set of information panels that work on touch screen devices such as iPads, IE10 tablets and Android OS tablets.




css

CSS play multi-level menu for touch screen devices #1

A multi-level menu that works on touch screen devices including Android OS.




css

CSS play multi-level menu for touch screen devices #2

Another method of producing a multi-level menu that works on touch screen devices including Android OS.




css

CSS play droplist menu for touch screen devices

A droplist menu that works on touch screen devices including Android OS and has animation.




css

CSS play flyout menu for touch screen devices

A flyout menu that works on touch screen devices including Android OS and has animation.




css

CSS play dropline menu for touch screen devices

A dropline menu that works on touch screen devices including Android OS and has animation.




css

CSS play vertical concertina menu for touch screen devices

A vertical concertina menu that works on touch screen devices including Android OS and has animation.




css

CSS play responsive droplist menu suitable for touch screen devices

A responsive droplist menu that works on touch screen devices including Android OS and IE10.




css

CSS play responsive 'background' images suitable for IE7 and IE8

A method of getting IE7, IE8 and early version of other browsers to support 'background-size:cover'.




css

CSS play responsive dropdown/flyout menu suitable for touch screen devices

A responsive dropdown/flyout menu that works on touch screen devices including Android OS and IE10.




css

CSS play responsive layout with animated repositioning

A responsive layout with animated repositioning of elements. For all the latest browsers.




css

CSS play responsive single level menu suitable for touch screen devices

A responsive single level menu that works on touch screen devices including Android OS and IE10.




css

CSS play responsive image map

A responsive image map that works on touch screen devices including Android OS and IE10.




css

CSS play Holiday Slide Show

Another method of displaying sets of photographs. Suitable for all modern browsers.




css

CSS play Oh So Simple Slide Show

A simple method of displaying sets of photographs. Suitable for all modern browsers.




css

CSS play Conversion Slide Show

A conversion of a jQuery/javascript driven slideshow into a CSS only version.




css

CSS play Mini Menu

A simple mini menu suitable for smartphones as well as PC/Mac/Android OS.




css

CSS play Iris Menu

A simple iris/diaphragm open/close menu.




css

CSS play Tennis Animation

A tennis animation using simple html code and CSS.




css

CSS play Ping-pong

A Ping-pong game, player v computer. Just for fun.




css

CSS play Windows 8 'Metro' style menu

A Windows 8 'Metro' style menu suitable for all modern browsers including touch screens.




css

CSS play Ping-pong

Another Pong game, player v computer. Fixing some issues.




css

CSS play responsive videos with playlists

Using minimal jQuery and css3 to create responsive videos with playlists, video play state and multi occurrences.




css

CSS play responsive 'swipe' slideshow

Using minimal jQuery and css3 to create responsive 'swipe' action full screen slideshows.