ay

CSSplay Sliding Boxes

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




ay

CSSplay 3D Flip-down Menu

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




ay

CSSplay 3D Truncated Icosahedron

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




ay

CSSplay 3D Sphere

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




ay

CSSplay 3D Runners

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




ay

CSSplay Safari Mobile Dropdown Menu Fixed

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




ay

CSSplay 3D animated unfolding menu

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




ay

CSSplay Safari Mobile Flyout Menu Fixed

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




ay

CSS play - radioBox - Lightbox

Using my latest techniques to produce a Lightbox type gallery.




ay

CSS play - Stacked Slideshow

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




ay

CSS play - Hover Gallery

A :hover gallery with permanent image changes.




ay

CSS play - Hover Gallery - version 2

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




ay

CSS play - Enlarging an area of an image

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




ay

CSS play - Pie Chart

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




ay

CSS play - Dartboard

A CSS ONLY Dartboard using no images.




ay

CSS play - Slide Show

A CSS ONLY Slide Show with permanent image changes.




ay

CSS play - Rotary Slide Show

A CSS ONLY Rotary Slide Show with permanent image changes.




ay

CSS play - CSS only Font

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




ay

CSS play - Dragonfly Slide Show

A CSS ONLY Dragonfly Slide Show with permanent image changes.




ay

CSS play - 'GO Slide' Slide Show

The CSS play 'GO Slide' Slide Show with permanent image changes.




ay

CSS play - Swipe Slide Show

A Swipe Left/Right Slide Show with permanent image changes for all PC and Safari Mobile browsers.




ay

CSS play - The BIG Slide

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




ay

CSS play - STU'slide

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




ay

CSS play - Radar Gallery

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




ay

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.




ay

CSS play Corner Circular Menu.

A circular corner menu with animation.




ay

CSS play - Tooltips updated

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




ay

CSS play - Image between text

Centering an image between two columns of text with wrap around




ay

CSS play - Before and After Image Slider

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




ay

CSS play - Before and After Image Slider - version 2

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




ay

CSS play Sliding Panels Menu.

A horizontal left/right sliding panels menu with animation and permanent panel changes.




ay

CSS play - Scan and Magnify an Image

Enlarging a section of a smaller image by vertically scanning the smaller image.




ay

CSS play - Click, Zoom and Fly Gallery

A gallery with permanent image changes and a zoom/fly animation.




ay

CSS play Dropdown menu with persist.

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




ay

CSS play - Tic-Tac-Toe

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




ay

CSS play - Connect Four

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




ay

CSS play - Space Invader

A CSS3 animated space invader using two divs and linear-gradients, no images.




ay

CSS play - Animated Sprites

A CSS3 animated sprites using no images.




ay

CSS play - Random Heroes Animation

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




ay

CSS play - Brick Wall

A CSS3 Brick wall using no images.




ay

CSS play - Reflow Gallery

A CSS3 thumbnail gallery with reflow of thumbnail images when viewing large images.




ay

CSS play - Any Size Gallery

A CSS3 gallery for images of different sizes.




ay

CSS play - Any Size Gallery - version 2

A CSS3 gallery for images of different sizes - version 2.




ay

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.




ay

CSS play - 3D Animated Stacking Slideshow

A CSS3 Stacking Slideshow with 3D animation for all modern browsers except Opera.




ay

CSS play - 3D Cube Animation for IE10

A CSS3 Animated Cube that demonstrates the difficulty in styling for IE10 without using 'preserve-3d'.




ay

CSS play - 3D Dymaxion Map Animation for IE10

A CSS3 Animated Dymaxion Map that works in IE10.




ay

CSS play Slide Down / Concertina Menu

A CSS slide down menu with concertina action sub menus. Suitable for the iPad Etc..




ay

CSS play - Animated 3D Cube Gallery for IE10

A CSS3 Animated 3D Cube Gallery that works in IE10.




ay

CSS play - Animated 3D Gallery - Challenge

A CSS3 Animated 3D Gallery with a challenge to get it working in IE10.