CSS3 effects

Hover the boxes to see just some of what's possible with CSS3

Flexbox

This page uses a flexbox effect, you can see the changes when you hover with your mouse. A nice way to fit a lot of information in a small space.

Opacity

Using CSS3 we can get several different levels of opacity which gives a new depth to web design.

Text effects

Text shadows can also liven up a page - good for drawing attention to the key parts of text on pages.

Transitions

A nice way to add some animation type effects to a page, mouse over the box to see what happens.

Hover

Title

There are lot's of ways to play with images too, hover the image to see the effect

eyes
Peek a boo