Generador de Sombras CSS y Bordes Redondeados
Diseño y GráficosConfigura visualmente efectos box-shadow multicapa y border-radius para tus elementos web.
Simulación de caja y sombra en vivo
Fondo del lienzo:
Caja de vista previa
24pxPropiedades de sombra
Desplazamiento X0px
Desplazamiento Y10px
Radio de desenfoque25px
Radio de propagación-5px
Opacidad%30
Radio de borde y color de la caja
Radio de todas las esquinas24px
CSS listo para usar
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.30);
border-radius: 24px;
background-color: #FFFFFF;
☕Patrocinio de Proyecto Independiente
¿Te gusta ToolsApp? Invítanos a un café
ToolsApp funciona 100% en el navegador sin suscripciones ni recopilación de datos. Creemos que las herramientas esenciales deben ser gratuitas y accesibles para todos. ¡Tu apoyo nos ayuda a seguir creando nuevas herramientas!
100% En el Navegador•Gratis para Todos
¿Cómo se Usa?
1
Ajustar controles deslizantes de sombra
Ajuste los controles deslizantes de desplazamiento X, Y, radio de desenfoque, extensión y opacidad.
2
Establecer radio de borde
Redondea todas las esquinas de forma colectiva o personaliza las esquinas individuales.
3
Copiar CSS
Obtenga el fragmento de CSS limpio generado al instante.
Privacidad TotalTodos los cálculos y el procesamiento de archivos se ejecutan 100% localmente en su navegador mediante JavaScript del lado del cliente.
Reseñas y Opiniones de Usuarios
Comparte tu experiencia de forma anónima. Moderado automáticamente por IA.
5.0
•0 reseñasReseñas Aprobadas (0)
Cargando reseñas...