Zablokowane Przycisk html/css (modern)

blanken · 19 Sierpnia 2015

[img]https://grafinity.pl/upload/pliki/untitled_55d4eff99ff59.png[/img]
<b>HTML:</b>

[code]<div class="przyciskflat">
    <a href="spacecms.eu" class="flatprzycisk">SPACECMS.EU</a>
</div>[/code]

[code].przyciskflat {
  margin: 0 auto;
  background: rgb(250,255,255); 
}
.flatprzycisk {
  display: inline-block;
  font-family: "tahoma";
  font-size: 15px;
  text-decoration: inherit;
  border: 2px solid;
  padding: 13px 40px;
}
.flatprzycisk:hover {
  -webkit-transition: 0.8s ease-in;
     -moz-transition: 0.8s ease-in;
       -o-transition: 0.8s ease-in;
          transition: 0.8s ease-in; }
.flatprzycisk {
  background-color: rgba(255,255,255,0);
  border-color: rgb(52,168,200);
  color: rgb(52,168,200); }
.flatprzycisk:hover {
  background-color: rgb(52,168,200);
  border-color: rgb(52,168,200);
  color: rgb(255,255,255); }
[/code]

Przycisk kiedys znalazlem, lekko przerobilem pod siebie.