Saltar al contenido
Diseño y color

Generador de barra de desplazamiento personalizado

Genere CSS de barra de desplazamiento para Chrome, Edge, Safari y Firefox.

Se ejecuta en tu navegador100% privadoSin cargas
Cargando herramienta…

Comparte esta herramienta

Envíalo a alguien que lo necesite.

Xfin
Leer la guía completa

Acerca del Generador de barra de desplazamiento personalizado

Elija el ancho de la barra de desplazamiento, los colores del pulgar y de la pista, y el radio. Copie las reglas generadas, que cubren tanto las propiedades estándar como los pseudoelementos de WebKit.

como usarlo

  1. 1Establecer el ancho y el radioLas barras de desplazamiento delgadas se adaptan a las barras laterales y a los paneles de código.
  2. 2Elige el pulgar y sigue los coloresMantenga suficiente contraste para ser visible.
  3. 3Copia el CSSAlcancelo en un contenedor si no lo desea globalmente.

¿Por qué utilizar este generador de barra de desplazamiento personalizado?

  • Nada sale de tu dispositivo. El trabajo ocurre en la pestaña de su navegador. No existe un punto final de carga en esta aplicación, por lo que no podemos almacenar, registrar ni ver sus archivos y texto.
  • No hay espera de carga. Te saltas por completo el viaje de ida y vuelta a un servidor. Los resultados están limitados por su propia CPU, no por la velocidad de la red o el tamaño de la cola.
  • Gratis, sin cuenta, sin cuotas. Sin muro de registro, sin marca de agua, sin límite diario. Las cuentas opcionales solo existen para guardar favoritos y ajustes preestablecidos en todos los dispositivos.

Preguntas frecuentes

¿Es seguro usar mi CSS aquí?

Sí. Esta herramienta se ejecuta completamente en su navegador mediante JavaScript. Nada de lo que pegas o abres se envía a un servidor y la página no guarda ninguna copia después de cerrarla.

¿Necesito crear una cuenta?

No. Todas las herramientas se pueden utilizar completamente sin iniciar sesión. Una cuenta solo agrega favoritos guardados y ajustes preestablecidos reutilizables.

¿Funciona en un teléfono?

Sí. La interfaz es móvil primero con objetivos táctiles grandes y un diseño apilado, por lo que funciona en teléfonos y tabletas, así como en computadoras de escritorio.

¿Esto funciona en Firefox?

Firefox utiliza el ancho y el color de la barra de desplazamiento, que están incluidos. Allí se ignoran los pseudoelementos de WebKit.

¿Debería ocultar las barras de desplazamiento por completo?

Evite ocultarlos en contenido desplazable; dificulta la navegación con el teclado y el trackpad y puede perjudicar la accesibilidad.

Más utilidades gratuitas desde el mismo rincón de la caja de herramientas.