Browser -webkit- CSS Custom Scrollbar

Wednesday, July 18, 2012 CSS Tuts+ | Posted by : Unknown | 3 comments

Home » CSS » CSS Animation » CSS Border » Browser -webkit- CSS Custom Scrollbar

Webkit (Chrome) . sudah beranjak dewasa dan banyak sekali CSS animation yang di ciptakan pada browser ini. dan kali ini kita akan mencoba mengubah sebuah custom scrollbar dengan CSS3. namun tidak semua browser bisa merasakan efeknya. saya coba pada firefox -moz- tidak ada pengaruh sama sekali. jadi bisa di katakan ini sangat berguna untuk Chrome -webkit-.

berikut css nya.
simpan di atas ]]></skin> .

::-webkit-scrollbar {
        height:8px;
        width: 8px;
        background: #DAD2D2;}
::-webkit-scrollbar-thumb {
        background-color: #333;
        border-radius: 10px;}

View Demo

NB : Gunakan browser Chrome untuk melihat hasilnya dengan sempurna.

Post By : denzdii

3 comments:

PutraWednesday, 18 July, 2012
kapan di mozzila bisa? T_T
ReplyDelete
Replies
UnknownSunday, 22 July, 2012
mozilla rada gk support css3 >.< T_T
ReplyDelete
Replies
cerita tante girangThursday, 11 June, 2015
http://www.newindo.org/

http://www.newindo.org/

http://www.newindo.org/

http://www.newindo.org/

http://www.mata-wanita.com/

http://www.mata-wanita.com/
ReplyDelete
Replies

Add comment

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.

terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

Subscribe to: Post Comments (RSS)

Top