ma

Safari Mobile browser 'exploding' image links.

Using CSS3 to produce an expanding stack of image links, suitable for the iPad etc.




ma

CSS3 Vertical Image Slide Menu.

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




ma

Image enlarger

Using the gerneral sibling selector to show enlarged sections of an image on hover.




ma

Image Information Panels

Using CSS3 and the latest discoveries and techniques to have a click action image information panels.




ma

An image fix for stay open sub menus on the iPad, iPhve and iPod Touch

Using an image to close any open sub menus on the iPad, iPhone and iPod Touch.




ma

A CSS3 animated drop down menu

Using CSS3 to produce an animated drop down menu that look like jQuery.




ma

CSS Image Rotation

Using CSS to cycle though a set of images.




ma

CSS3 Page Flip Animation

Using CSS3 to animate a page flip to show two inner pages.




ma

CSS3 Page Flip Animation with a twist

Using CSS3 to animate a page flip to show two inner pages with a little twist.




ma

Content: 100 image gallery

Using :before/:after and content: together with the general sibling selector to produce a CSS only gallery of 100 images with all the image information in the stylesheet.




ma

Animated image enlarger

An image enlarger with animation, title and descriptive text (which can contain links)..




ma

Focus on images

A method of applying :focus to images.




ma

Image click information panels

A show/hide information panels using click to open and close.




ma

CSS3 Image Zoooom

Using CSS3 to 'animate zoom' a set of thumbnail images.




ma

CSSplay Image Rotation

Using CSS3 to rotate a set of images.




ma

CSSplay No Left Turn Maze Puzzle

Using :target to produce a click maze puzzle. Get to the end without turnng left.




ma

CSSplay Slide/Fly menu with Image 'Bounce'

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




ma

Image Magnifier with Bounce

A simple image magnifier with a bounce animation.




ma

CSSplay Image Grid Zoom

A gallery of images on a grid with hover to zoom the images and partially zoom adjacent images.




ma

CSSplay 3D animated unfolding menu

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




ma

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




ma

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.




ma

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.




ma

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.




ma

Permanent Image Click Gallery

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




ma

Permanent Image Click 'Radio' Gallery

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




ma

Show/Hide more information

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




ma

CSS play - Enlarging an area of an image

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




ma

CSS play - Image between text

Centering an image between two columns of text with wrap around




ma

CSS play - Before and After Image Slider

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




ma

CSS play - Before and After Image Slider - version 2

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




ma

CSS play - Scan and Magnify an Image

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




ma

CSS play - Animated Sprites

A CSS3 animated sprites using no images.




ma

CSS play - Random Heroes Animation

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




ma

CSS play - 3D Animated Stacking Slideshow

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




ma

CSS play - 3D Cube Animation for IE10

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




ma

CSS play - 3D Dymaxion Map Animation for IE10

A CSS3 Animated Dymaxion Map that works in IE10.




ma

CSS play - Animated 3D Cube Gallery for IE10

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




ma

CSS play - Animated 3D Gallery - Challenge

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




ma

CSS play - Image reflections

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




ma

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.




ma

CSS play responsive 'background' images suitable for IE7 and IE8

A method of getting IE7, IE8 and early version of other browsers to support 'background-size:cover'.




ma

CSS play responsive layout with animated repositioning

A responsive layout with animated repositioning of elements. For all the latest browsers.




ma

CSS play responsive image map

A responsive image map that works on touch screen devices including Android OS and IE10.




ma

CSS play Tennis Animation

A tennis animation using simple html code and CSS.




ma

CSSplay - Rotating Information Panels

A set of rotating panels using just CSS3.




ma

CSSplay - Smartphone Mini Menu

A multi level mini menu suitable for smartphones.




ma

CSSplay - PC, tablet and Smartphone Menu

A multi level mini menu suitable for PCs, Tablets and Smartphones.




ma

CSSplay - Imagemap with hover effect

An html imagemap with hover effect for all browsers except IE which has fallback to a plain imagemap.




ma

CSSplay - PC, tablet and Smartphone Menu verson 2

A second multi level mini menu suitable for PCs, Tablets and Smartphones.