Conversor de CSS a objeto de estilo JS
Desarrollo
Pega declaraciones CSS (propiedad: valor;) y obtén un objeto de estilo JavaScript con claves en camelCase, listo para la prop `style` de React o cualquier estilizado JS. Se manejan los prefijos de proveedor y las propiedades personalizadas CSS. Todo se ejecuta localmente en tu navegador: no se sube nada.
Cómo usar
- Pega tus declaraciones CSS en el cuadro de entrada.
- Cada propiedad se pasa a camelCase y cada valor se cita como cadena.
- Copia el objeto de estilo generado del cuadro de salida.
Preguntas frecuentes
- ¿Cómo se convierten los nombres de propiedad?
- Las propiedades con guion pasan a camelCase (font-size se vuelve fontSize). Los prefijos de proveedor siguen las reglas de React: -webkit- se vuelve Webkit, mientras que -ms- queda en minúscula ms.
- ¿Y las propiedades personalizadas CSS?
- Las variables como --main-color conservan su nombre y se vuelven una clave entre comillas, ya que React las aplica tal cual.
- ¿Los valores se convierten a números?
- No. Todos los valores se emiten como cadenas entre comillas, lo cual siempre es válido. Quita las comillas manualmente para valores numéricos sin unidad si lo prefieres.
- ¿Se envía mi CSS a algún sitio?
- No. La conversión ocurre por completo en tu navegador; no se sube nada.
Herramientas relacionadas
Conversor de Base64 a hexadecimal (y vuelta)
Convierte una cadena Base64 a bytes hexadecimales y hex de vuelta a Base64, con soporte URL-safe, en tu navegador.
Codificador y Decodificador Quoted-Printable
Codifica texto a MIME Quoted-Printable (RFC 2045) o decodifícalo — con escapes =XX, saltos de línea suaves y UTF-8 — todo en tu navegador, con ajuste de línea a 76 caracteres al codificar.
Generador de Hash (SHA)
Genera hashes SHA-1, SHA-256, SHA-384 y SHA-512 a partir de texto.
Codificador / Decodificador de URL
Codifica texto para URLs en porcentaje, o decodifica URLs a texto.
Codificador / Decodificador Base64
Codifica texto a Base64 o decodifica Base64 a texto al instante.
Formateador y Validador de JSON
Formatea, embellece, minifica y valida JSON en tu navegador.