Generador de Glassmorphism CSS
Crea efectos de glassmorphism con CSS
Acerca de Generador de Glassmorphism CSS
Crea efectos de glassmorphism (cristal esmerilado) con CSS usando controles visuales intuitivos.
Cómo usar Generador de Glassmorphism CSS
- 1Ajusta el desenfoque para controlar la transparencia del vidrio.
- 2Configura la opacidad y saturación del fondo.
- 3Personaliza el borde para el efecto de brillo en los bordes.
- 4Usa los presets para estilos populares de glassmorphism.
- 5Copia el código CSS listo para tu proyecto.
Consejos
- Un desenfoque de 10-20px con opacidad de 20-30% crea el efecto de vidrio clásico.
- El glassmorphism funciona mejor sobre fondos coloridos o con imágenes.
- Agrega un borde semitransparente blanco para el efecto de brillo realista.
Límites gratis vs. pago
Gratis: controles básicos. Starter+: funciones premium.
Herramientas relacionadas
Equipo OneKitToolsActualizado 2.21.4