play

CSS play - Enlarging an area of an image

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




play

CSS play - Pie Chart

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




play

CSS play - Dartboard

A CSS ONLY Dartboard using no images.




play

CSS play - Slide Show

A CSS ONLY Slide Show with permanent image changes.




play

CSS play - Rotary Slide Show

A CSS ONLY Rotary Slide Show with permanent image changes.




play

CSS play - CSS only Font

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




play

CSS play - Dragonfly Slide Show

A CSS ONLY Dragonfly Slide Show with permanent image changes.




play

CSS play - 'GO Slide' Slide Show

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




play

CSS play - Swipe Slide Show

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




play

CSS play - The BIG Slide

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




play

CSS play - STU'slide

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




play

CSS play - Radar Gallery

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




play

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.




play

CSS play Corner Circular Menu.

A circular corner menu with animation.




play

CSS play - Tooltips updated

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




play

CSS play - Image between text

Centering an image between two columns of text with wrap around




play

CSS play - Before and After Image Slider

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




play

CSS play - Before and After Image Slider - version 2

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




play

CSS play Sliding Panels Menu.

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




play

CSS play - Scan and Magnify an Image

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




play

CSS play - Click, Zoom and Fly Gallery

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




play

CSS play Dropdown menu with persist.

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




play

CSS play - Tic-Tac-Toe

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




play

CSS play - Connect Four

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




play

CSS play - Space Invader

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




play

CSS play - Animated Sprites

A CSS3 animated sprites using no images.




play

CSS play - Random Heroes Animation

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




play

CSS play - Brick Wall

A CSS3 Brick wall using no images.




play

CSS play - Reflow Gallery

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




play

CSS play - Any Size Gallery

A CSS3 gallery for images of different sizes.




play

CSS play - Any Size Gallery - version 2

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




play

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.




play

CSS play - 3D Animated Stacking Slideshow

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




play

CSS play - 3D Cube Animation for IE10

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




play

CSS play - 3D Dymaxion Map Animation for IE10

A CSS3 Animated Dymaxion Map that works in IE10.




play

CSS play Slide Down / Concertina Menu

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




play

CSS play - Animated 3D Cube Gallery for IE10

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




play

CSS play - Animated 3D Gallery - Challenge

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




play

CSS play - 3D Spinning Boxes for IE10

A set of six 3D boxes tht spin on their own axis and around a central point, suitable for IE10.




play

CSS play - Fly In/Out Gallery

A Gallery with fly-in and fly-out animation between iage changes. Suitable for all the latest browsers including IE10.




play

CSS play 3D Flip Down Menu

A CSS 3D animated flip down menu suitable for IE10.




play

CSS play - Text hover gradual color changes and gradient fills

Several methods of applying a 'swipe' color change to text on hover and a gradient color fill.




play

CSS play - Image reflections

A CSS only method of producing image reflections on solid background colors.




play

CSS play - IE10 Specific styling

IE10 grid layout with three columns a central exclusion zone and touch screen scrolling gallery




play

CSS play Dropdown/Flyout Menu for IE10 Touch Screen Devices

A method of getting multi level dropdown/flyout menus to work in IE10 on touch screen devices.




play

CSS play Droplist Menu for IE10 Touch Screen Devices

A method of getting a droplist menu to work in IE10 on touch screen devices.




play

CSS play - Holiday 2013 Photo Gallery

A CSS gallery to display some of the photos taken during our 2013 visit to New Zealand, Australia and Singapore




play

CSS play Information Panels suitable for touch screens

A set of information panels that work on touch screen devices such as iPads, IE10 tablets and Android OS tablets.




play

CSS play multi-level menu for touch screen devices #1

A multi-level menu that works on touch screen devices including Android OS.




play

CSS play multi-level menu for touch screen devices #2

Another method of producing a multi-level menu that works on touch screen devices including Android OS.