BUTTON TESTS AND EXAMPLES CSS3

EXAMPLE ONE

Having rounded edges gives the buttons a smooth contact space and makes them less jarring to the eyes.
Smooth hover function but the way it jolts back into position ruins the effect

HOME

ABOUT

PRICES

GALLERIES

BOOKINGS

EXAMPLE TWO

Simple fix on the jarring effect (OK it took about 20mins). Gave a border of 0px to the first. Giving the transition a returning value.
Pastel blue has a calmer feel to it. Against the other blue its far more mood than impact

HOME

ABOUT

PRICES

GALLERIES

BOOKINGS

EXAMPLE THREE

Some damn ugly coding and imagery :) Exploring the possibilities of using an animation as a button.