CSS'de Webkit Yapımı (Scrollbar Boyutlandırma ve Renklendirme)

Webkit sitenin sağ tarafında ve alt kısmında bulunan kaydırma çubuğudur. Bu kod sayesinde yeni nesil bir görünüm kazandırabilirsiniz.

Webkit sitenin sağ tarafında ve alt kısmında bulunan kaydırma çubuğudur. Bu kod sayesinde yeni nesil bir görünüm kazandırabilirsiniz.

Bu dersimizde sizinle webkit yapımının kodlarını paylaşıcağım kodların yanında açıklamalar mevcuttur. Koolay bir kod olduğunu belirtmeliyim.

Kodları CSS dosyanıza ekleminiz yeterlidir.


<style type='text/css'>

/* Boyutlandırma / 10px 10 px tavsiye dir  */

::-webkit-scrollbar{width:10px;height:10px}

/* Yukarı aşağı okları . */

::-webkit-scrollbar-button:startecrement,

::-webkit-scrollbar-button:end:increment{display:none;}

/* Arkaplan */

::-webkit-scrollbar-track-piece{background-color:#e6e6e6}

/* Tutma parçası */

::-webkit-scrollbar-thumb{-webkit-border-radius:4px;background:#444;}

</style>

  • Etiketler;
BiqBanq BiqBanq
www.savascanaltun.com
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git