i

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.




i

CSSplay Mickey Mouse and Friends

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




i

CSSplay Any Size Gallery

Using CSS3 to produce a gallery for any size images.




i

CSSplay starLIGHT lightbox

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




i

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.




i

CSSplay zoomBox Slideshow

A permanent image slideshow using switchable sets of thumbnail images and large images with captions.




i

CSSplay Stretch/Droplist Menu

Using CSS3 to animate a stretch/droplist menu.




i

CSSplay simple rollover menu

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




i

CSSplay :target dropline menu

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




i

CSSplay Slide/Fly menu with Image 'Bounce'

Using css3 transitions to animate a slide/fly menu with image 'bounce'.




i

Image Magnifier with Bounce

A simple image magnifier with a bounce animation.




i

The Right Move - Puzzle

A puzzle using :target.




i

CSSplay Dropline/Dropdown Menu

Using css3 transitons to animate a dropline/dropdown menu with 'current' page options.




i

CSSplay Image Grid Zoom

A gallery of images on a grid with hover to zoom the images and partially zoom adjacent images.




i

CSSplay Horizontal Accordian

Using :target to create a permanent changing horizontal accordian menu with click action.




i

CSSplay Horizontal Multi-media Accordian

Using :target to create a permanent changing horizontal multi-media accordian menu with click action.




i

CSSplay Rotating Box

A spinning box with rotating faces using CSS3 3D transforms.




i

CSSplay Sliding Boxes

A set of six 3D boxes sliding in a never ending pattern.




i

CSSplay 3D Flip-down Menu

Using CSS3 3D transforms to produce a 'flip-down' animated menu.




i

CSS3 3D jack-in-the-Box

Using CSS3 3D transforms to produce a Jck-in-the-Box with music.




i

CSSplay 3D Truncated Icosahedron

A 3D truncated icosahedron using CSS3 3D transforms and no images.




i

CSSplay Safari Mobile Dropdown Menu Fixed

A method of closing an open dropdown menu by tapping anywhere in the screen




i

CSSplay 3D animated unfolding menu

Using 3D transforms and transitions to animate an unfolding dropdown menu




i

CSSplay Safari Mobile Flyout Menu Fixed

A method of closing an open flyout menu by tapping anywhere in the screen




i

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.




i

CSS Stacked Slideshow #2

Using CSS to produce an animated stack of images, version 2.




i

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.




i

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




i

Interactive Marquee for Safari, Chrome and Firefox

A second version of the marquee demo using CSS3 and keyframes to produce an interactive marquee for any length of text.




i

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.




i

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.




i

A CSS3 Ring Menu.

Using just CSS to produce a circular ring menu.




i

A CSS3 Radial Menu.

Using just CSS to produce a circular radial animated menu.




i

A CSS3 Circular Icons Menu.

Using just CSS to produce a circular set of icons with enlarge on hover.




i

Permanent Image Click Gallery

CSS only gallery with permanent images, using no :target, iframes, objects or javascript.




i

Permanent Image Click 'Radio' Gallery

CSS only gallery with permanent images, using no :target, iframes, objects or javascript, version 2.




i

Show/Hide more information

Using my latest techniques to produce and improved show/hide extra information.




i

CSS Tabbed Pages - Radio method

Using my latest techniques to produce and improved tabbed pages with persist




i

A CSS Click to Open/Close Menu.

Using just CSS to produce a click action multi-level menu with persist.




i

CSS Left/Right Click Gallery

Using my latest techniques to produce a left/right click gallery with image persist.




i

A CSS Click action Concertina Menu.

Using just CSS to produce a click action vertical concertina menu with persist and accessibility




i

A CSS Click to Open/Close Menu #2.

An update to the previous version of the click action multi-level menu with persist.




i

CSS play - radioBox - Lightbox

Using my latest techniques to produce a Lightbox type gallery.




i

A CSS Click to Open/Close Dropline Menu.

A click action dropline menu with persist and accessibility.




i

CSS play - Stacked Slideshow

Using my latest techniques to produce a stacked slideshow with accessibility.




i

A CSS Click action Tree Menu.

A click action Tree Menu using just CSS.




i

CSS play - Hover Gallery - version 2

A :hover gallery with permanent image changes, version 2.




i

CSS play - Enlarging an area of an image

Using a new technique to enlarge a section of an image.




i

CSS play - Pie Chart

A CSS ONLY Pie Chart using no images and with links on each sector.




i

A CSS3 Ring Menu version 2.

Using just CSS to produce a circular ring menu for all modern browsers.