Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Sade Buton (Css)
#1
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;
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;
}
Ara
Cevapla PGM
Teşekkür verenler:
#2
Yazı tipi de değişse çok güzel olur.
Ara
Cevapla PGM
Teşekkür verenler:
#3
:( Bu seferkini pek beğenemdim

https://codepen.io/mehmeteq/pen/zwrpWb

burdaki gibi birşeyler yapabilirsin. ilham :)
Cevapla PGM
Teşekkür verenler:
#4
Güzel.
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 2 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping