Colorful onay kutusu tasarımı

1
276
views

onaykutusuGuhe Louis tarafından Fontawesome kullanılarak hazırlanmış Css3 animasyonlu checkbox örnekleri. Bütün checkbox örneklerinin şekli aynı olsada farklı farklı renkler kllanılarak hazırlanmış. İşaretleyeceğiniz checkbox alanlarında görünmesi gereken okey işareti animasyonlu bir şekilde adeta kalemle yazarmış gibi görüntüleniyor.  Checkboxların görünümü Fontawesome kullanılarak biraz farklı şekilde görünüyor.  Bunun için label içeriği onay kutusu dediğimiz checkbox ile eşleşen f096 kodu kullanılmış css kodlar içinde.  Tıklanmış olan checkbox örneğinin içinde okey işareti görünmesi içinde  labek içeriği Fontawesomede f046 ile eşleşen okey işareti kullanılmış. Bu rakamları değiştirmemenizde fayda var ama merak ediyorsanız eğer  rakamlarda değişiklik yapabilirsiniz. Eklediğiniz  değişik numaralar Fontawesomdeki ikonlar ile eşleşiyorsa eğer checkbox alanında farlı ikonlar göreceksiniz.

 

 Kullanım

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

Fontawesome adresi : 

 Css : 

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

Html : 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikBootstrap uyumlu 3D butonlar tasarımları
Sonraki İçerikÜç aşamalı üyelik paneli
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

1 Yorum

CEVAP VER

Please enter your comment!
Please enter your name here