r

A CSS3 animated drop down menu

Using CSS3 to produce an animated drop down menu that look like jQuery.




r

A Circular menu squared

A circular menu with CSS3 enhancements.




r

A CSS3 click multi-dropline menu

Using CSS3 to produce a click action dropline menu with multiple levels.




r

A CSS3 gradient fill menu

Using CSS3 to produce a set of horizontal menus using gradient fills and inner/outer shadows.




r

CSS3 Photo Corner Curls

Using CSS3 to give the impresssion of curled corner on images of any size.




r

CSS3 Flower Power

Using CSS3 to produce a circular menu with petals on a flower.




r

CSS Image Rotation

Using CSS to cycle though a set of images.




r

CSS3 Playing Cards

Using CSS3 to produce a playing card animated menu.




r

CSS3 Page Flip Gallery

Using the CSS3 page flip routine to produce a page flip gallery.




r

CSS3 Resize

Demonstrations for the use of the 'resize' style.




r

Content: 100 image gallery

Using :before/:after and content: together with the general sibling selector to produce a CSS only gallery of 100 images with all the image information in the stylesheet.




r

An Anywidth Menu for the iPad, iPhone and iPod Touch

Adapting the Anywidth dropdown/flyout menu to work on the iPad, iPhone and iPod Touch.




r

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..




r

A slide down menu for the iPad, iPhone and iPod Touch

A single level slide down menu with a 'close' tab for the iPad, iPhone and iPod Touch.




r

A drop/fly menu for the iPad, iPhone and iPod Touch

A multi level dropdown/flyout animated menu with a 'close' tab for the iPad, iPhone and iPod Touch.




r

CSS3 Keyframe Gallery

Using CSS3 Keyframes to produce an animated gallery, for Safari, Chrome and the New Firefox v5.




r

CSS3 Keyframe 'Lightbox' Gallery

Using CSS3 Keyframes to produce an animated 'lightbox' type gallery, for Safari, Chrome and the New Firefox 5.




r

CSS3 Reflections

Using CSS3 and SVG to produce 'reflections' for Firefox 4 and 5 (as well as Safari and Chrome).




r

CSS click droplist menu

A droplist menu with click action and click to close feature.




r

CSS Round and Round circular menu

A circular icon menu with circular icon sub menus and animation.




r

A droplist menu with slide action

A droplist menu with slidedown action and pushdown of the content beneath.




r

CSS3 Left/Right Slide Gallery

Using CSS3 transitions to produce a left/right sliding gallery.




r

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..




r

CSS3 Headline Changer

Using CSS3 keyframes to animate a headline changer. Degrades well in browsers that do not support keyframes




r

Animated image enlarger

An image enlarger with animation, title and descriptive text (which can contain links)..




r

Image click information panels

A show/hide information panels using click to open and close.




r

Click action dropdown menu

A dropdown menu with click to open/close, suitable for the iPad etc..




r

Three auto-run slideshows

Using transitions and keyframes with step() to prodcue three auto-run slideshows.




r

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.




r

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.




r

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.




r

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.




r

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.




r

A search box stretch feature

A CSS3 animation to stretch a search box on focus.




r

CSS3 left/right click gallery

Using CSS3 to animate a left/right click gallery with sliding thumbnail images




r

CSS3 left/right click gallery #2

Using CSS3 to animate a left/right click gallery with sliding large images




r

CSS3 left/right click panels #3

Using CSS3 to animate a left/right click set of information panels with 'jump to panel number' option.




r

CSSplay Image Rotation

Using CSS3 to rotate a set of images.




r

CSSplay Circle Slideshow

Using CSS3 to rotate a set of thumbnail images and display a large images, all with a cick of a button.




r

CSSplay Grid Accordian

Using CSS3 to produce a set of thumbnail images that enlarge on hover.




r

CSSplay Drill Down Menu v2

Using CSS3 :target with general sibling selector to produce a 'non-jumping' drill-down menu.




r

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.




r

CSSplay Mickey Mouse and Friends

Using CSS3 to produce click gallery with permanent images to rival jQuery/javascript.




r

CSSplay Any Size Gallery

Using CSS3 to produce a gallery for any size images.




r

CSSplay starLIGHT lightbox

A CSS only lightbox with PREVIOUS/NEXT/CLOSE buttons and captions with links.




r

CSSplay :target gallery with no 'back' button history problems

A :target gallery with no browser window jump and no cycling through the images when using the browser 'back' button.




r

CSSplay Stretch/Droplist Menu

Using CSS3 to animate a stretch/droplist menu.




r

CSSplay simple rollover menu

Using :before and :after pseudo-elements to produce a rollover menu.




r

CSSplay :target dropline menu

Using :target to produce a click open/close dropline menu.




r

CSSplay No Left Turn Maze Puzzle

Using :target to produce a click maze puzzle. Get to the end without turnng left.