lid

Gallery with sliding thumbnail images

A click gallery using a sliding set of thumbnail images to navigate. The large image is permanently on screen until another image is chosen EVEN when refreshing the page. With descriptive text and linking option.




lid

Gallery with vertical sliding thumbnail images

The previous gallery but with the thumbnails arranged vertically instead of horizontal.




lid

CSS play's 'Slideshow'

A revised and simplified 'Slideshow' that now eorks in Safari(PC) and Chrome.




lid

CSS3 slide menu

Using CSS3 styles to produce an animated slide down/up menu identical to javascript versions.




lid

CSS3 Photo Slide

Using CSS3 styles to produce a sliding photo gallery.




lid

CSS3 slide up/down lists

Using CSS3 to produce a slide up/down multi column lists menu system




lid

CSS3 Auto-run Slideshow

Using Webkit keyframes to produce an auto-run slideshow with pause facility using absolutely NO javascript. For Safari and Chrome at the moment.




lid

CSS3 Click Slideshow

Using CSS3 adjacent sibling selector to produce a Click Slideshow.




lid

CSS3 Slideout Menu

Using CSS3 to produce a smooth slidout action for the top level and sub menus.




lid

CSS3 Single Level Slideout Menu

Using CSS3 to produce a smooth slidout for a single level menu with siding icons.




lid

Slide Line Menu with CSS3 animation

A slide out menu with CSS3 enhancements for browsers that support animation.




lid

CSS3 and time:animate sliding panels

A sliding panel demo using CSS3 and IE time:animate for smooth sliding action.




lid

CSS3 Image Slide Menu

Using CSS3 to produce a horizontal image slide menu to rival any javascript version.




lid

CSS3 + TIME Sliding Panels Menu

Using CSS3, and a little TIME for Internet Explorer, to produce a vertical sliding menu to rival javascritp/jQuery.




lid

CSS3 Slide down / Slide fly animation

Using CSS3 to produce an animated sliding dropdown flyout menu.




lid

CSS3 Animated Slideshow

Using CSS3 to animated a simple set of thumbnail images and their associated large image.




lid

CSS3 Left/Right Slide Menu

Using CSS3 to produce an animated left/right slide action.




lid

CSS3 slide down menu

Using CSS3 to produce a slide down menu.




lid

Safari Mobile browser slide down menu

A single level slide down menu aimed at the Safari Mobile browser (iPhone, iPad and iPod Touch).




lid

CSS3 Slide Up/Down Gallery

A simple gallery which uses CSS3 to produce an up/down image slide animation.




lid

CSS3 Icon Slide Menu

Using CSS3 to animate an icon menu with associated text.




lid

CSS3 Hover-to-Run slideshow

Using CSS3 to produce an animated slideshow run by hovering an icon.




lid

CSS3 Slide/Animation Pullup Menu

Using CSS3 to produce a sequence of image animations and a slide down sub menu system.




lid

CSS3 Expanding Slide Down Menu.

Using CSS3 to produce a set of expanding panels with slide down sub menus.




lid

CSS3 Vertical Image Slide Menu.

Using CSS3 to produce a vertical sliding set of panels with menus.




lid

CSS3 Carousel Slideshow

Using CSS3 to produce a Carousel Slideshow. For Safari, Chrome, Opera and Safari v4 beta ONLY at the moment




lid

CSS3 Carousel Slideshow - 'Click version'

Using CSS3 to produce a Carousel Slideshow. Animation for Safari, Chrome, Opera and Safari v4 beta ONLY at the moment. Now with a click action




lid

CSS ONLY click action vertical slide menu

The next in the 'click' series to demonstrate a vertical slide menu with a click action instead of the normal hover.




lid

CSS3 'Hover/Click' Slideshow

Using CSS3 to produce a slideshow with a hover/click action and animation.




lid

CSS Stacked Slideshow

Using CSS to produce an animated stack of images.




lid

CSS3 Sliding Panels

Using CSS3 to animated a set of information panels of varying sizes.




lid

A slide down menu for the iPad, iPhone and iPod Touch

A single level slide down menu with a 'close' tab for the iPad, iPhone and iPod Touch.




lid

A droplist menu with slide action

A droplist menu with slidedown action and pushdown of the content beneath.




lid

CSS3 Left/Right Slide Gallery

Using CSS3 transitions to produce a left/right sliding gallery.




lid

CSS solid text with shadow

Using CSS3 to style text to make it look solid with a realistic shadow and no extra markup.




lid

Three auto-run slideshows

Using transitions and keyframes with step() to prodcue three auto-run slideshows.




lid

Slide out menu

A CSS3 animated slide out menu




lid

Click action concertina slide menu

A CSS3 vertical concertina menu with click to open/close and slide action. Suitable for the iPad, iPhone and iPod Touch.




lid

Click action vertical slide menu with bug fixes for IE and iPad

A single level dropdown menu with clck action incorporating the latest bug fixes for IE and the iPad, iPhone and iPod Touch.




lid

CSSplay Circle Slideshow

Using CSS3 to rotate a set of thumbnail images and display a large images, all with a cick of a button.




lid

CSSplay zoomBox Slideshow

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




lid

CSSplay Slide/Fly menu with Image 'Bounce'

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




lid

CSSplay Sliding Boxes

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




lid

CSS Stacked Slideshow #2

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




lid

CSS play - Stacked Slideshow

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




lid

CSS play - Slide Show

A CSS ONLY Slide Show with permanent image changes.




lid

CSS play - Rotary Slide Show

A CSS ONLY Rotary Slide Show with permanent image changes.




lid

CSS play - Dragonfly Slide Show

A CSS ONLY Dragonfly Slide Show with permanent image changes.




lid

CSS play - 'GO Slide' Slide Show

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




lid

CSS play - Swipe Slide Show

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