Skip to content

Commit

Permalink
caelum
Browse files Browse the repository at this point in the history
  • Loading branch information
sergiolopes committed Mar 18, 2010
1 parent 5ba6114 commit 1e4bab6
Showing 1 changed file with 14 additions and 11 deletions.
25 changes: 14 additions & 11 deletions botoes-css3/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,25 +13,24 @@
</head>
<body>

<a href="#" class="nicebutton">Meu link</a><br>
<a href="#" class="nicebutton orange">Meu link laranja</a><br>
<a href="#" class="nicebutton magenta">Meu link magenta</a><br>
<a href="#" class="nicebutton yellow">Meu link amarelo</a><br>
<a href="#" class="nicebutton">Caelum</a><br>
<a href="#" class="nicebutton orange">Caelum laranja</a><br>
<a href="#" class="nicebutton magenta">Caelum magenta</a><br>
<a href="#" class="nicebutton yellow">Caelum amarelo</a><br>

<p>[
<a href="http://github.com/sergiolopes/css3-experimentos/blob/gh-pages/botoes-css3/style.css">Código CSS</a> |
<a href="http://github.com/sergiolopes/css3-experimentos/blob/gh-pages/botoes-css3/index.html">Código HTML</a> |
<a href="http://browsershots.org/http://sergiolopes.github.com/css3-experimentos/botoes-css3/">Screenshots</a>
<a href="http://github.com/sergiolopes/css3-experimentos/blob/gh-pages/botoes-css3/index.html">Código HTML</a>
]</p>

<h2>Tamanhos diferentes:</h2>
<a href="#" class="nicebutton red small">Meu link vermelho bem pequeno</a><br>
<a href="#" class="nicebutton purple">Meu link roxo com tamanho normal</a><br>
<a href="#" class="nicebutton green big">Meu link verde grandinho</a><br>
<a href="#" class="nicebutton blue verybig">Meu link bem grande</a><br>
<a href="#" class="nicebutton red small">Caelum vermelho bem pequeno</a><br>
<a href="#" class="nicebutton purple">Caelum roxo com tamanho normal</a><br>
<a href="#" class="nicebutton green big">Caelum verde grandinho</a><br>
<a href="#" class="nicebutton blue verybig">Caelum bem grande</a><br>

<h2>Com reflexo: <small>(Safari, Chrome e Firefox 3.6)</small></h2>
<a href="#" class="nicebutton magenta big reflective">Meu link magenta refletido</a><br>
<a href="#" class="nicebutton magenta big reflective">Caelum magenta refletido</a><br>

<script type="text/javascript">
/* JavaScript opcional que habilita um gradiente "fake" nos browsers antigos
Expand All @@ -52,5 +51,9 @@ <h2>Com reflexo: <small>(Safari, Chrome e Firefox 3.6)</small></h2>
http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba
http://code.google.com/p/sexybuttons/
-->

<p>[
<a href="../logo-caelum-css3/caelum-css3.html">Outro experimento: logo da Caelum</a>
]</p>
</body>
</html>

0 comments on commit 1e4bab6

Please sign in to comment.