TAMEREISPROX

Merhaba dostum, sana özel olarak hazırladığım 3 farklı CSS buton sitende çok işine yarayacak!

Özellikler:

• Oval kenarlar
• Degrade dizayn
• Üstüne gelince hover efektleri
• Gölgeler
• Küçük boyutlu kodlama
• Tüm tarayıcılara uyumluluk

section.tamereisprox button { color: #fff; text-shadow: -2px 2px #346392; background-color: #ff9664; background-image: linear-gradient(top, #6496c8, #346392); box-shadow: inset 0 0 0 1px #27496d; border: none; border-radius: 15px; } section.tamereisprox button:hover, section.tamereisprox button.hover { box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047; } section.tamereisprox button:active, section.tamereisprox button.active { box-shadow: inset 0 0 0 1px #27496d,inset 0 5px 30px #193047; } button { display: inline-block; margin: 0 10px 0 0; padding: 15px 45px; font-size: 48px; font-family: "Calibri",serif; line-height: 1.8; appearance: none; box-shadow: none; border-radius: 0; } button:focus { outline: none }

<section class="tamereisprox"> <button>Normal</button> </section>
<section class="tamereisprox"> <button class="hover">Hover</button> </section> <section class="tamereisprox"> <button class="active">Aktif</button> </section>

Yeni kodlar için takipte kal!

comments powered by Disqus