sl

UPDATE to new click to slide vertical menu

Added a click to open and also a reclick to close feature.




sl

A vertical slide with current page override.

A vertical sliding menu with current page styling and the ability to override the current page style when hovering other items.




sl

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.




sl

Gallery with vertical sliding thumbnail images

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




sl

CSS play's 'Slideshow'

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




sl

CSS3 slide menu

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




sl

CSS3 Photo Slide

Using CSS3 styles to produce a sliding photo gallery.




sl

CSS3 slide up/down lists

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




sl

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.




sl

CSS3 Click Slideshow

Using CSS3 adjacent sibling selector to produce a Click Slideshow.




sl

CSS3 Sliced Rollover

Using CSS3 transitions and delay to produce a sliced image rollover 'poster' change.




sl

CSS3 Slideout Menu

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




sl

CSS3 Single Level Slideout Menu

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




sl

Slide Line Menu with CSS3 animation

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




sl

CSS3 and time:animate sliding panels

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




sl

CSS3 Image Slide Menu

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




sl

CSS3 + TIME Sliding Panels Menu

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




sl

CSS3 Slide down / Slide fly animation

Using CSS3 to produce an animated sliding dropdown flyout menu.




sl

CSS3 Animated Slideshow

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




sl

CSS3 Left/Right Slide Menu

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




sl

CSS3 slide down menu

Using CSS3 to produce a slide down menu.




sl

Safari Mobile browser slide down menu

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




sl

CSS3 Slide Up/Down Gallery

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




sl

CSS3 Icon Slide Menu

Using CSS3 to animate an icon menu with associated text.




sl

CSS3 Hover-to-Run slideshow

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




sl

CSS3 Slide/Animation Pullup Menu

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




sl

CSS3 Expanding Slide Down Menu.

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




sl

CSS3 Vertical Image Slide Menu.

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




sl

CSS3 Carousel Slideshow

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




sl

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




sl

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.




sl

CSS3 'Hover/Click' Slideshow

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




sl

CSS Stacked Slideshow

Using CSS to produce an animated stack of images.




sl

CSS3 Sliding Panels

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




sl

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.




sl

A droplist menu with slide action

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




sl

CSS3 Left/Right Slide Gallery

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




sl

Three auto-run slideshows

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




sl

Slide out menu

A CSS3 animated slide out menu




sl

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.




sl

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.




sl

CSSplay Circle Slideshow

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




sl

CSSplay zoomBox Slideshow

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




sl

CSSplay Slide/Fly menu with Image 'Bounce'

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




sl

CSSplay Sliding Boxes

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




sl

CSS Stacked Slideshow #2

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




sl

CSS play - Stacked Slideshow

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




sl

CSS play - Slide Show

A CSS ONLY Slide Show with permanent image changes.




sl

CSS play - Rotary Slide Show

A CSS ONLY Rotary Slide Show with permanent image changes.




sl

CSS play - Dragonfly Slide Show

A CSS ONLY Dragonfly Slide Show with permanent image changes.