LockSwitches – Kilit benzeri hazırlanmış onay kutusu

0
230
Görüntülenme

LockSwitches
José Barcelon-Godfrey tarafından hazırlanmış bir Css3 switch buton örneği.  Basit  checkbox (onay kutusu) örneğine css3  kullanarak  farklı bir  görüntü kazandırmış. Normalde  tıklandığında  içinde  okey işareti beliren checkboxlar bu örnekte tıklandığında slayt  bir işlem gerçekleşiyor. Resimde  de gördüğünüz  gibi  bir tarafta  açık kilit bir taraftada kapalı kilit  bulunuyor. Checkbox alanını her tıkladığınızda ortada  bulunan sarı ve beyaz renklerle oluşturulmuş olan işaret bir  sağa bir  sola hareket ediyor.

 

Kullanım

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

Css : 

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

Html : 

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.