Desarrollo
CSS Box Shadow Generator
Build multi-layer CSS box shadows visually with live preview — copy the CSS with one click
Con la confianza de más de 10k desarrolladores
Preview
Shadow Layers
(1/8)Enabled
Inset
-100px0100px
-100px0100px
0px0100px
-50px050px
#6366F1
Opacity50%
CSS Output
box-shadow: 0px 8px 24px -4px rgba(99, 102, 241, 0.5);
Sigue explorando
Otras herramientas de Desarrollo que te pueden gustar…
Formateador JSON
Formatea y valida JSON con resaltado de sintaxis
Probar
Base64 codificar/decodificar
Codifica y decodifica cadenas Base64
Probar
URL Encoder/Decoder
Encode and decode URL components and query strings
Probar
Generador UUID
Genera identificadores UUID únicos
Probar
Hash Generator
Generate MD5, SHA-1, SHA-256, and SHA-512 hashes from text
Probar
Regex Tester
Test and debug regular expressions with match highlighting
Probar
JWT Decoder
Decode and inspect JWT token header and payload
Probar
HTML Formatter
Beautify and format HTML code with proper indentation
Probar