13-08-2017 Saat: 17:56
Selamlar,
Css ile aram biraz kötüydü. Araştırarak bir buton hazırladım. (Kodları ayrı ayrı yerlerden araştırıp birleştirdim)
Canlı örnek ; https://codepen.io/Graphifex/pen/BddEeK
Css ve html kodları ;
Html;
Css ;
Css ile aram biraz kötüydü. Araştırarak bir buton hazırladım. (Kodları ayrı ayrı yerlerden araştırıp birleştirdim)
Canlı örnek ; https://codepen.io/Graphifex/pen/BddEeK
Css ve html kodları ;
Html;
Kod:
<center> <br>
<a class="buton buton-custom-outline" href="#linkiniz">
<span>Graphifex</span>
</a>
</center>
Css ;
Kod:
body {
background-color: #000;
}
a{
text-decoration: none !important;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;
-ms-transition:all 0.3s linear;
-o-transition:all 0.3s linear;
}
.buton {
font-family: 'Source Sans Pro'
border-radius: 3px;
}
.buton-custom:hover,.btn-custom:focus{
}
.buton-custom-outline {
border-radius: 3px;
padding: 0.8em 1.8em;
color: lightblue;
font-weight: 700;
}
.buton-custom-outline:hover,
.buton-custom-outline:focus{
color: black;
background-color: lightblue;
}