[Css]Scrollbar Windows 8

Olá,

Irei disponibilizar um código que deixa sua scrollbar igual á do Windows 8, somente para usuários de Google Chrome e Safari.

Código:

/*
Windows 8 Scrollbar CSS
by ntim007
http://ntim007.kodingen.com
http://ntim007.deviantart.com
*/
/* For IE */
body {
   scrollbar-3dlight-color:#CDCDCD;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-base-color:#EFEFEF;
   scrollbar-darkshadow-color:#CDCDCD;
   scrollbar-face-color:#CDCDCD;
   scrollbar-highlight-color:#EFEFEF;
   scrollbar-shadow-color:#CDCDCD;
}
/* For Chrome or Safari */
/* Scrollbar background color */
::-webkit-scrollbar {
background-color:#EFEFEF;
padding:0;
}
/* UP, DOWN, LEFT and RIGHT button styling */
::-webkit-scrollbar-button:hover {
background-color:#DBDBDB !important;
}
::-webkit-scrollbar-button:vertical:decrement {
background:url('http://i.imgur.com/Z35sN.png') no-repeat center;
}
::-webkit-scrollbar-button:vertical:increment {
background:url('http://i.imgur.com/JqlFE.png') no-repeat center;
}
::-webkit-scrollbar-button:horizontal:decrement {
background:url('http://i.imgur.com/iHpjI.png') no-repeat center;
}
::-webkit-scrollbar-button:horizontal:increment {
background:url('http://i.imgur.com/42sP9.png') no-repeat center;
}
::-webkit-scrollbar-button:active:vertical:decrement {
background:url('http://i.imgur.com/R1Pkg.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:vertical:increment {
background:url('http://i.imgur.com/9BBNo.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:decrement {
background:url('http://i.imgur.com/QRs1U.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:increment {
background:url('http://i.imgur.com/nXfXT.png') no-repeat center #606060 !important;
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
background-color:#CDCDCD;

}
::-webkit-scrollbar-thumb:hover {
background-color:#A6A6A6;

}
::-webkit-scrollbar-thumb:active {
background-color:#606060;

}


Demo: http://jsbin.com/avijet/1

Créditos: TrY - Upload de imagens. -- Desconhecido - Criar o código e imagens.

Olá,

Para inserir é só fazer assim:
Insira esse código uma linha antes da tag

Código:

<style>/*
Windows 8 Scrollbar CSS
by ntim007
http://ntim007.kodingen.com
http://ntim007.deviantart.com
*/
/* For IE */
body {
   scrollbar-3dlight-color:#CDCDCD;
   scrollbar-arrow-color:#FFFFFF;
   scrollbar-base-color:#EFEFEF;
   scrollbar-darkshadow-color:#CDCDCD;
   scrollbar-face-color:#CDCDCD;
   scrollbar-highlight-color:#EFEFEF;
   scrollbar-shadow-color:#CDCDCD;
}
/* For Chrome or Safari */
/* Scrollbar background color */
::-webkit-scrollbar {
background-color:#EFEFEF;
padding:0;
}
/* UP, DOWN, LEFT and RIGHT button styling */
::-webkit-scrollbar-button:hover {
background-color:#DBDBDB !important;
}
::-webkit-scrollbar-button:vertical:decrement {
background:url('http://i.imgur.com/Z35sN.png') no-repeat center;
}
::-webkit-scrollbar-button:vertical:increment {
background:url('http://i.imgur.com/JqlFE.png') no-repeat center;
}
::-webkit-scrollbar-button:horizontal:decrement {
background:url('http://i.imgur.com/iHpjI.png') no-repeat center;
}
::-webkit-scrollbar-button:horizontal:increment {
background:url('http://i.imgur.com/42sP9.png') no-repeat center;
}
::-webkit-scrollbar-button:active:vertical:decrement {
background:url('http://i.imgur.com/R1Pkg.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:vertical:increment {
background:url('http://i.imgur.com/9BBNo.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:decrement {
background:url('http://i.imgur.com/QRs1U.png') no-repeat center #606060 !important;
}
::-webkit-scrollbar-button:active:horizontal:increment {
background:url('http://i.imgur.com/nXfXT.png') no-repeat center #606060 !important;
}
/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
background-color:#CDCDCD;

}
::-webkit-scrollbar-thumb:hover {
background-color:#A6A6A6;

}
::-webkit-scrollbar-thumb:active {
background-color:#606060;

}</style>


Esse código transforma a scrollbar da página igual a do Windows 8.

Olá TrY, esse css faz outro efeito á barra do canto >>>>>>>>? Ou estou enganado?

isso mesmo