Какой-то парень
Doçent
- Katılım
- 2 Mayıs 2018
- Mesajlar
- 598
- Reaksiyon puanı
- 602
- Puanları
- 93
CSS butonları, normal HTML butonlarından daha farklı tasarımla kullanılmış bir butondur.
Örnek CSS Buton:
Her bir CSS butonu, kolaylıkla yapılabilir ve kolay yapılması için siteler vardır.
CSS Button Generator
CSS butonları kolaylıkla yapmak için siteler bulunur;
Önerilen: A useful tool for designing css buttons
CSS Button Creator - Imageless CSS Button Creator
CSS Button Generator
Örnek CSS Buton:
CSS:
.BUTTON_WIO {
background: #3D94F6;
background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #0059A0;
font-family: Open Sans;
font-size: 19px;
font-weight: 100;
padding: 8px;
box-shadow: 1px 1px 20px 0px #000000;
-webkit-box-shadow: 1px 1px 20px 0px #000000;
-moz-box-shadow: 1px 1px 20px 0px #000000;
text-shadow: 1px 1px 20px #000000;
border: solid #337FED 1px;
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.BUTTON_WIO:hover {
background: #1E62D0;
background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
text-decoration: none;
}
CSS Button Generator
CSS butonları kolaylıkla yapmak için siteler bulunur;
Önerilen: A useful tool for designing css buttons
CSS Button Creator - Imageless CSS Button Creator
CSS Button Generator