index.html

<!doctype html>
<head>
<link rel="stylesheet" href="cssbuttonhover.css" />
<link href="http://fonts.googleapis.com/css?family=Bitter&subset=latin" rel="stylesheet" type="text/css">
</head>
<body>

<button class="buttonfx" type="submit">Slide Down</button>
<button class="buttonfx slideleft">Slide Left</button>
<button class="buttonfx slidebottomleft">Slide Corner</button>
<button class="buttonfx angleinleft">Angle In</button>
<br />

<button class="buttonfx bouncein" type="submit">Bounce Down</button>
<button class="buttonfx slideleft bouncein">Bounce Left</button>
<button class="buttonfx slidebottomleft bouncein">Bounce Corner</button>
<button class="buttonfx angleinleft bouncein">Bounce Angle</button>

<br />
<button class="buttonfx curtaindown">Curtain Down</button>
<button class="buttonfx curtainup">Curtain Up</button>
<button class="buttonfx angleindouble" type="submit">Double Angle</button>
<button class="buttonfx doubletake">Double Take</button>

</body>
</html>
