Bootstrap uyumlu 3D butonlar tasarımları

0
181
views

bootstrap

Matt Wisniewski tarafından Css3  box-shadow ve border-radius kullanılarak hazırlanmış buton örnekleri. Bu butonları Bootstrap frameworkuyla beraber kullanabildiğiniz gibi  yanlız başınada kullanabilirsiniz. Üzerine mouse ile geldiğiniz butonlar hafif yukarı doğru çıkıyor ve tıkladıktan sonrada içeri batıyormuş gibi 3D şeklinde görünüyor.  Butonlarda active özelliğide ayarlandığı için tıklanmış butonu active kullanarak tekrar butonun dışarı çıkmasını engelleyebilir ve içeride basılı bir şekilde durmasınıda sağlayabilirsiniz. Belki farketmişsinizdir  kimi sitelerdeki kategorileri incelerken gezindiğiniz kategori butonu diğer  butonlardan farklı renkte yada şekilde görünür. Active özelliğini bu tür çalışmalarda kullanabilirsiniz.

 

Kullanım

  • Head etiketleri arasına eklemeniz gereken bölüm.

Css :

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

CEVAP VER

Please enter your comment!
Please enter your name here