Contacto
Ejemplos Neumórfico + Elementor - Versión Expandida

🎨 Ejemplos Neumórfico - 21 Combinaciones

Prueba diferentes combinaciones de hora y clima para ver cómo cambian los colores

🌅 MAÑANA (6:00 - 12:00)
☀️ MEDIODÍA (12:00 - 18:00)
🌆 TARDE (18:00 - 21:00)
🌙 NOCHE (21:00 - 6:00)
⚡ CONDICIONES ESPECIALES
📦 Tarjeta de Servicio
Clase CSS: neumorphic-card
💼
Diseño Web
Creamos sitios web modernos y responsivos que se adaptan a cualquier dispositivo.
1 Selecciona tu Sección/Contenedor
2 Ve a Avanzado → Clases CSS
3 Escribe: neumorphic-card
🔘 Botones Interactivos
Clase CSS: neumorphic-button
1 Añade un Widget de Botón
2 Selecciona el botón
3 Avanzado → Clases CSS: neumorphic-button
4 En Estilo, elimina el color de fondo del botón
📝 Campos de Formulario
Clase CSS: neumorphic-inset
1 Añade un Widget de Formulario
2 Selecciona cada campo
3 Avanzado → Clases CSS: neumorphic-inset
🖼️ Galería de Imágenes
Clase CSS: neumorphic-element
🎨
📸
🎭
🎪
1 Añade un Widget de Galería
2 Selecciona cada imagen
3 Avanzado → Clases CSS: neumorphic-element
💰 Tarjeta de Precios
Clase CSS: neumorphic-card
Plan Premium
€49/mes
✓ Acceso ilimitado
✓ Soporte 24/7
✓ Sin anuncios
1 Crea una Columna en Elementor
2 Añade widgets: Título, Precio, Texto, Botón
3 Selecciona la Columna completa
4 Avanzado → Clases CSS: neumorphic-card
⭐ Iconos Circulares
Usa la clase en widgets de iconos
🚀
⚡
💡
🎯
1 Añade un Widget de Caja de Iconos
2 Selecciona el widget
3 Avanzado → Clases CSS: neumorphic-element
4 Ajusta el padding y border-radius en Estilo