CSS3 Slide/Animation Pullup Menu
CSS3 Carousel Slideshow - 'Click version'
Using CSS3 to produce a Carousel Slideshow. Animation for Safari, Chrome, Opera and Safari v4 beta ONLY at the moment. Now with a click action
CSS ONLY click action multi-level menu
Using just CSS to produce a multi-level menu with a click action instead of the normal hover.
CSS ONLY click action dropline menu
Continuing with the 'click' series to demonstrate a dropline menu with a click action instead of the normal hover.
CSS ONLY click action flyout menu
The next in the 'click' series to demonstrate a flyout menu with a click action instead of the normal hover.
CSS ONLY click action vertical slide menu
The next in the 'click' series to demonstrate a vertical slide menu with a click action instead of the normal hover.
Image Information Panels
Using CSS3 and the latest discoveries and techniques to have a click action image information panels.
CSS click action vertical concertina menu
Another menu in the 'click' series to demonstrate a vertical concertina menu with a click action instead of the normal hover and working in IE6.
CSS3 Page Flip Animation with a twist
An Anywidth Menu version 2 for the iPad, iPhone and iPod Touch
The previous menu modified to give a clearer indication of the 'CLOSE' tab for the iPad etc..
CSS3 Reflections
Using CSS3 and SVG to produce 'reflections' for Firefox 4 and 5 (as well as Safari and Chrome).
A droplist menu with slide action
A drop panel menu with multi-configurations
A drop panel menu with multiple configurations, rows, column, galleries flyout/dropdown sub menus, forms, suitable for the iPad, iPhone etc..
Image click information panels
Click action dropdown menu
Click action concertina slide menu
A CSS3 vertical concertina menu with click to open/close and slide action. Suitable for the iPad, iPhone and iPod Touch.
Click action vertical slide menu with bug fixes for IE and iPad
A single level dropdown menu with clck action incorporating the latest bug fixes for IE and the iPad, iPhone and iPod Touch.
An Anywidth Menu version 3 for the iPad, iPhone and iPod Touch
A simpler version of the Anywidth v2 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch.
An Anywidth Menu version 4 for the iPad, iPhone and iPod Touch
A simpler version of the Anywidth v3 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch.
An Anywidth Menu version 5 for the iPad, iPhone and iPod Touch
A simpler version of the Anywidth v4 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch.
CSSplay Grid Accordian version 2
Using CSS3 to produce a set of thumbnail images that enlarge on click. Using :target with the general sibling selector and the 'no jump' technique.
An Anywidth Menu version 6 suitable for the iPad, iPhone and iPod Touch
A simpler version of the Anywidth v5 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch. NO need for a special 'close' button or tab.
CSS ONLY click action multi-level menu suitable for the iPad etc..
Using just CSS to produce a multi-level menu with a click action instead of the normal hover suitable for the iPad.
Content: image gallery version #2 for the iPad etc..
Using :before/:after and content: together with the general sibling selector to produce a CSS only gallery with minimal code for the iPad etc..
Three planets and the moon animation for Safari, Chrome and Firefox
Using CSS3 transitions, transforms and keyframes to produce a 3D animation of the Earth, Mars, Jupiter and the Moon.
3D Dymaxion Map animation for Safari, Chrome and Firefox
Using CSS3 transitions, transforms and keyframes to produce a 3D Dymaxion Map of the Earth's surface.
Permanent Image Click 'Radio' Gallery
CSS only gallery with permanent images, using no :target, iframes, objects or javascript, version 2.
Show/Hide more information
CSS Tabbed Pages - Radio method
A CSS Click action Concertina Menu.
Using just CSS to produce a click action vertical concertina menu with persist and accessibility
CSS play - radioBox - Lightbox
CSS play - Hover Gallery - version 2
A CSS3 Ring Menu version 2.
A CSS Definition List Menu.
A CSS Diagonal Definition List Menu.
Using just a definition list to produce a horizontal sliding menu with diagonal lists suitable for the iPad etc..
CSS play - STU'slide - version 2
Version 2 of the multi function slide show with permanent image changes for all modern PC browsers and Safari Mobile browsers.
CSS play - Before and After Image Slider - version 2
CSS play - Random Heroes Animation
An Anywidth Menu version #7 suitable for the iPad, iPad mini, iPhone and iPod Touch
A simpler version of the Anywidth #6 menu, using the latest techniques and discoveries for the iPhone, iPad and iPod Touch. NO need for a special 'close' button or page wide transparent image.
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 play - Any Size Gallery - version 2
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 play - 3D Cube Animation for IE10
A CSS3 Animated Cube that demonstrates the difficulty in styling for IE10 without using 'preserve-3d'.