t

CSSplay Rotary Photo Gallery

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




t

CSSplay Rotating Box

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




t

CSS3 3D jack-in-the-Box

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




t

CSSplay 3D Truncated Icosahedron

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




t

CSSplay 3D animated unfolding menu

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




t

CSSplay Safari Mobile Flyout Menu Fixed

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




t

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.




t

CSS Stacked Slideshow #2

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




t

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.




t

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




t

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.




t

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.




t

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.




t

CSS only tabbed pages

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




t

A CSS3 Quadrant Menu.

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




t

CSS Whack-a-Rat game

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




t

Permanent Image Click Gallery

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




t

Permanent Image Click 'Radio' Gallery

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




t

Show/Hide more information

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




t

CSS Tabbed Pages - Radio method

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




t

A CSS Click to Open/Close Menu.

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




t

CSS Left/Right Click Gallery

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




t

A CSS Click action Concertina Menu.

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




t

A CSS Click to Open/Close Menu #2.

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




t

CSS play - radioBox - Lightbox

Using my latest techniques to produce a Lightbox type gallery.




t

A CSS Click to Open/Close Dropline Menu.

A click action dropline menu with persist and accessibility.




t

CSS play - Stacked Slideshow

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




t

A CSS Click action Tree Menu.

A click action Tree Menu using just CSS.




t

CSS play - Pie Chart

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




t

CSS play - Dartboard

A CSS ONLY Dartboard using no images.




t

CSS play - Rotary Slide Show

A CSS ONLY Rotary Slide Show with permanent image changes.




t

CSS play - CSS only Font

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




t

A CSS Definition List Menu.

Using just a definition list to produce a dropdown menu suitable for the iPad etc..




t

CSS play - The BIG Slide

A full screen slide show with permanent image changes for all modern PC browsers and Safari Mobile browsers.




t

CSS play - STU'slide

A multi function slide show with permanent image changes for all modern PC browsers and Safari Mobile browsers.




t

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




t

A Vertical click to open/close Concertina.

A vertical concertina menu with a click to open and close action and animation.




t

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.




t

CSS play - Tooltips updated

The tooltips demo updated to include CSS3 styles and to work on the iPad etc..




t

CSS play - Image between text

Centering an image between two columns of text with wrap around




t

CSS play - Before and After Image Slider

A left/right slider to reveal/hide an 'after' image with a hold feature.




t

CSS play - Before and After Image Slider - version 2

A left/right slider to reveal/hide an 'after' image suitable for IE7+.




t

CSS play Dropdown menu with persist.

A CSS3 hover / dropdown menu with sub menus staying open when moving the mouse off the menu.




t

CSS play - Tic-Tac-Toe

A logic version of Tic-Tac-Toe using just CSS3.




t

CSS play - Connect Four

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




t

CSS play - Animated Sprites

A CSS3 animated sprites using no images.




t

CSS play - Random Heroes Animation

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




t

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.




t

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.




t

CSS vertical menu with stepped zoom

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