Css İle Scrollbar Rengini Değiştirme  Css İle Scrollbar Rengini Değiştirme | Googleda Görüntüle

Css İle Scrollbar Rengini Değiştirme
 BEĞEN
  YORUM YAP

Sitenizin standart scrollbar stilinden sıkıldıysanız eğer bu konu tam size göre demektir.Birkaç kod ile sitemizin scrollbarını istediğimiz şekilde biçimlendirip renklendirebileceğiz.
Dilerseniz hemen kodları görelim.

--webkit-scrollbar: Scrollbarın rengi. (Genellikle beyaz olan arkaplan)
-webkit-scrollbar-thumb: Scroll kısmı.
-webkit-scrollbar-thumb:hover: Scrollun üzerine geldiğinde alacağı biçim.

::-webkit-scrollbar {
    width: 10px;
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #596971;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #2E3944;
}

Kodları kendinize göre biçimlendirebilirsiniz.


Demoyu görüntülemek için buraya tıklayınız.

Etiketler

Yorumlar

Bu Konuya Ait 3 Onaylı Yorum Bulunuyor.

Mehmet Ali Şamioğlu

Mehmet Ali Şamioğlu

  2 yıl önce

Çok teşekkür ederim. Çok işime yaradı. İyi çalışmalar dilerim.

Muhammed Mustafa DEMİR

Muhammed Mustafa DEMİR

  2 yıl önce

Teşekkür ederim siteme ayrı bir hava kattım sayende, başarılarının devamını dilerim

erhan tapan

erhan tapan

  1 yıl önce

Siteyi coşturan kod erhan bunu beğendi

Yorum Yap

CSS3 -webkit / -moz / -o Nedir ? CSS3 ve Tarayıcı İlişkisi

Belki daha önce karşılaşmız olabilirsiniz.Bazı CSS3 kodları birkaç defa aynı yazılıp baş...

  4406   1 yıl önce

CSS3 Geçiş Efektleri - Transition Nedir? Nasıl Kullanılır?

Merhaba arkadaşlar, çoğu sitelerde gördüğümüz daha yumuşak ve animasyonlu şekilde geçiş ...

  2825   1 yıl önce

3. İndir.com Mobil Uygulama Yarışması ABD'ye Götürüyor

İNDİR.COM MOBİL UYGULAMA YARIŞMASI ABD’ YE GÖTÜRÜYOR Geçtiğimiz ik...

  1845   2 yıl önce

CSS [ text-transform:uppercase ] Karakter Sorunu Çözümü

Css'de metin (text) biçimlendirme özelliklerinden biri olan text-transform:uppercase parametresini...

  5865   3 yıl önce

Olcay E. 8 ay önce demiş ki;


selamun aleyküm, yararlı bir css dersi
Yoruma Git

erhan tapan 1 yıl önce demiş ki;


Siteyi coşturan kod erhan bunu beğendi
Yoruma Git

Nejdet Acar 1 yıl önce demiş ki;


Okumadan hemen cevaba sarılmayalım lütfen, okuyanlara ayıp oluyor...
Yoruma Git

Çılgın Koder 1 yıl önce demiş ki;


Bunu çoklu resimlerde nasıl yapacağız? Ve limit koymak istesek nasıl koyarız.
Yoruma Git