/
Buttons.html
38 lines (36 loc) · 1.94 KB
/
Buttons.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3 Buttons Demo</title>
<link rel="stylesheet" href="buttons.css">
<link rel="stylesheet" href="screen.css">
</head>
<body>
<div class="main">
<h1>CSS3 Buttons</h1>
<p>This is a small collection of buttons that show what is possible using CSS3, while also maintaining the simplest possible markup. They look best in WebKit-based browsers, almost as good in Firefox, with all other browsers falling back to a less-styled button. If you use these buttons in a project, or just want to say hi <a href="mailto:finderman2@gmail.com">drop me a dime</a>.</p>
<p>The latest code is located at <a href="https://github.com/finderman2/CSS3-Buttons">Github</a></p>
<div class="button-collection group">
<ul class="column group">
<li><a href="#" class="btn default">Default</a></li>
<li><a href="#" class="btn mobilemelight">Mobile Me Light</a></li>
<li><a href="#" class="btn mobilemedark">Mobile Me Dark</a></li>
<li><a href="#" class="btn safarilight">Safari Light</a></li>
<li><a href="#" class="btn safaridark">Safari Dark</a></li>
<li><a href="#" class="btn redbutton">Red</a></li>
<li><a href="#" class="btn orangebutton">Orange</a></li>
<li><a href="#" class="btn yellow">Hover Over Me!</a></li>
<li><a href="#" class="btn dark">Alpha</a></li>
<li><a href="#" class="btn light">Omega</a></li>
<li><a href="#" class="btn tunesgrey">FREE</a></li>
<li><a href="#" class="btn tunesgreen">INSTALL</a></li>
</ul>
</div>
<footer>
<p>Designed & Hand-Crafted by <a href="http://twitter.com/finderman2/">Liam O'Brien</a></p>
</footer>
<!-- łß-->
</div><!--end main-->
</body>
</html>