Programlama

CSS İle Scrollbar rengini değiştirme

Yazar Eren Can

Birkaç kod ile sitemizin scrollbarını renklendireceğiz. Böylelikle web sitenizin mevcut tasarımına özel scrollbar hazırlamış olacaksınız.

Kodları temanızın CSS dosyası içerisine ekleyin.

[box style=”success”] ::-webkit-scrollbar {
width: 10px;
background-color: #E9E9E9;
border-left: 1px solid #BBBBBB;
}
::-webkit-scrollbar-thumb {
background-color: #0084ff;
}
::-webkit-scrollbar-thumb:hover {
background-color: #0091ff;
} [/box]

[box style=”info”] –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. [/box]

scrollbar

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız ( Oy Kullanmayı Unutmayın )
Loading...

Yazar Hakkında

Eren Can

Kamu Yönetimi bölümü mezunu olan yazar: teknoloji, sinema ve ekonomi alanlarına yakın olması hasebiyle daha çok bu kategorilerde içerik eklemeyi sürdürüyor.

Yorum Yap

This site uses Akismet to reduce spam. Learn how your comment data is processed.