master

分支 (1)

管理

管理

master

CSS3-Animated-Bubble-Buttons
/
css3-buttons.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS3 Animated Bubble Buttons | Tutorialzine Demo</title>

<link rel="stylesheet" type="text/css" href="css/page.css" />
<link rel="stylesheet" type="text/css" href="buttons/buttons.css" />

</head>

<body>

<div id="buttonContainer">

    <a href="#" class="button big blue">Big Button</a>
    <a href="#" class="button big green">Big Button</a>
    <a href="#" class="button big orange">Big Button</a>
    <a href="#" class="button big gray">Big Button</a>

    <a href="#" class="button blue medium">Medium Button</a>
    <a href="#" class="button green medium">Medium Button</a>
    <a href="#" class="button orange medium">Medium Button</a>
    <a href="#" class="button gray medium">Medium Button</a>

    <a href="#" class="button small blue">Small Button</a>
    <a href="#" class="button small green">Small Button</a>
    <a href="#" class="button small blue rounded">Rounded</a>

    <a href="#" class="button small orange">Small Button</a>
    <a href="#" class="button small gray">Small Button</a>

    <a href="#" class="button small green rounded">Rounded</a>

</div>

<p class="note">Looks best in Safari &amp; Chrome, degrades gracefully in the rest.</p>

<div id="footer">
	<div class="tri"></div>
	<h1>CSS3 Animated Bubble Buttons</h1>
	<a class="tzine" href="http://tutorialzine.com/2010/10/css3-animated-bubble-buttons/">Read &amp; Download on</a>
</div>


</body>
</html>