Generador de Glassmorphism CSS
Diseño y GráficosDiseña modernas tarjetas y paneles con efecto de vidrio esmerilado translúcido usando backdrop-filter.
Ajustes de efecto de cristal
Desenfoque (Blur)16px
Opacidad (Saydamlık)%25
Grosor del borde1px
Opacidad del borde%20
Radio de esquinas20px
#ffffff
ToolsApp Glass
Modern Frosted Glass
Experimenta una interfaz glassmorphism impecable con desenfoque de fondo en tiempo real y refracción de luz.
blur(16px)opacity(25%)
CSS Code
background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.20); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
☕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 el desenfoque y la opacidad
Ajusta el desenfoque y la transparencia del fondo.
2
Fondos de prueba
Vista previa de degradados vibrantes y coloridos.
3
Copiar CSS/viento de cola
Exporte el fragmento de CSS a su archivo de estilo.
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...