s

CSSplay Dropline/Dropdown Menu

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




s

CSSplay Image Grid Zoom

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




s

CSSplay Horizontal Accordian

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




s

CSSplay Horizontal Multi-media Accordian

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




s

CSSplay Rotary Photo Gallery

A rotary gallery of images with click to view and permanent image changes.




s

CSSplay Rotating Box

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




s

CSSplay Sliding Boxes

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




s

CSSplay 3D Flip-down Menu

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




s

CSS3 3D jack-in-the-Box

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




s

CSSplay 3D Truncated Icosahedron

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




s

CSSplay 3D Sphere

A 3D Beach Ball using CSS3 3D transforms and no images.




s

CSSplay 3D Runners

A group of three 3D 'stick men' runners using CSS3 3D transforms and keyframe anmation.




s

CSSplay Safari Mobile Dropdown Menu Fixed

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




s

CSSplay 3D animated unfolding menu

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




s

CSSplay Safari Mobile Flyout Menu Fixed

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




s

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.




s

CSS Stacked Slideshow #2

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




s

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.




s

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




s

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.




s

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.




s

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.




s

CSS only tabbed pages

CSS only tabbed pages with persist and several other features. For IE9+, Firefox, Opera, Safari and Chrome.




s

A CSS3 hexagonal Menu.

Using just CSS to produce a hexagonal shape menu with no extra markup and no images.




s

A CSS3 Quadrant Menu.

Using just CSS to produce a circular menu divided into quadrants.




s

A CSS3 Ring Menu.

Using just CSS to produce a circular ring menu.




s

A CSS3 Radial Menu.

Using just CSS to produce a circular radial animated menu.




s

A CSS3 Circular Icons Menu.

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




s

CSS Whack-a-Rat game

CSS only game of 'Whack-a-Rat' with on screen scoring and timer.




s

Show/Hide more information

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




s

CSS Tabbed Pages - Radio method

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




s

A CSS Click to Open/Close Menu.

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




s

CSS Left/Right Click Gallery

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




s

A CSS Click action Concertina Menu.

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




s

A CSS Click to Open/Close Menu #2.

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




s

CSS play - radioBox - Lightbox

Using my latest techniques to produce a Lightbox type gallery.




s

A CSS Click to Open/Close Dropline Menu.

A click action dropline menu with persist and accessibility.




s

CSS play - Stacked Slideshow

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




s

A CSS Click action Tree Menu.

A click action Tree Menu using just CSS.




s

CSS play - Hover Gallery

A :hover gallery with permanent image changes.




s

CSS play - Hover Gallery - version 2

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




s

CSS play - Enlarging an area of an image

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




s

CSS play - Pie Chart

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




s

A CSS3 Ring Menu version 2.

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




s

A CSS3 Pie Menu.

Using just CSS to produce a pie menu with individual sectors an animation.




s

CSS play - Dartboard

A CSS ONLY Dartboard using no images.




s

A CSS3 Drilldown Menu.

Using just CSS to produce drill down menu with permanent sub menu changes.




s

CSS play - Slide Show

A CSS ONLY Slide Show with permanent image changes.




s

CSS play - Rotary Slide Show

A CSS ONLY Rotary Slide Show with permanent image changes.




s

CSS play - CSS only Font

A CSS ONLY resizeable, normal, italic, slant and kerning font.