Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Scrollbar
#1
Código:
/* Just some basics for styling webkit scrollbars */

/* This is the entire scrollbar unit. */
::-webkit-scrollbar {
    background: #FFF;
    width: 15px;
    height: 6px;
}

/* This is the little button at the start and end of the scrollbar. */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    background-color: transparent;
    display: block;
    height: 40px;
}

/* This is the background which the scrollbar moves in. */
::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
}

/* This will style the scrollbar thumb */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    background: rgba(255,248,69,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
/* This will style the scrollbar thumb when the window is inactive */
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,0,0,0.4);
}

imagen

#2
muy util gracias por aportar


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  google scrollbar wilber_rios 1 351 06-02-2013, 12:16 AM
Último mensaje: Postupelis



Usuarios navegando en este tema: 1 invitado(s)