🔥 ¡Transforma tu Menú de navegación YA! Efecto Glasmorphism en Elementor
Вставка
- Опубліковано 8 лют 2025
- Hoy les enseño cómo crear un Menú de navegación "sticky" con efecto glasmorphism utilizando Elementor. Este estilo moderno y elegante seguro llamará la atención de las personas que entren a tu página web.
✅ Compra Elementor PRO con mi link, me ayudas bastante 🥃be.elementor.c...
✅ Conoce mi Tienda Online - shop.manumarti...
☑️ Tutorial pasado para crear el diseño "Bento Grid"
• 🔥 Lleva tu página web ...
☑️ Descarga el código CSS:
manumartinezma...
----------
➡️ Contrátame para tu proyecto web o de marketing digital: bit.ly/4627V4N
➡️ manumartinezma...
----------
➡️ VAMOS A CONECTAR
/ manumartinez.mkt
#elementor #elementorpro #wordpress #páginaweb #diseñoweb #tendenciasdigitales
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
Guapísimo ese efecto, queda elegante y moderno y muy facil, gracias
Muy buen video Manu como siempre, pero este efecto tiene un pequeño inconveniente en dispositivos ( tanto móviles como de escritorio ) ios ( apple ) ya que la propiedad de css "webkit-backdrop-filter" los equipos apple no lo toman correctamente, pero el efecto en los demás es brutal ya lo había aplicado en otros sitios, pero me gusto este estilo que le distes un abrazo desde Venezuela
Bro! que gran comentario... ahorita le eché un vistazo en mi iphone (Google Chrome), veo que el efecto funciona bien. Quizá será en algunas versiones en específico del sistema operativo? Igual para identificarlo y corregir el CSS... gracias nuevamente
@ si, puede ser lo que que comentas que sea en ciertas y determinadas versiones, pero no es nada malo del css es solo que el gloss no lo toma en los ios, voy a aplicarlo a ver si es que ya arreglaron la compatibilidad
Halo Manu. Muy bonito efecto en "vidrio esmerilado" Gracias mil..!
Excelente contenido Sr Martinez.
Gracias por tus tutoriales bien perrones!!!😆
Me encanta tu canal Manu, haces que cada día me guste más aprender a diseñar páginas web. Un saludo desde Madrid.
Gracias bro! me acabas de hacer la mañana. Éxito y abrazo hasta Madrid.
Te amo Manu!!!! gracias por tu tutos!!!
Te amo de vuelta! Éxito
Fantástico, como siempre. Muchas gracias!
Eres grande Manu, Gracias por el video!!
Me encanto..... Muchas gracias..... Hay alguna manera de colocarlo directamente en cada página? Osea que cuando cree la página ya se encuentre ahí?
grande maestro como siempre un crack
Muy chingón
La pregunta del millón y como se trabaja para que se vea adaptado al 100 en celular.
Gracias por el comentario 🔥. El efecto de "cristal" funciona bien en móvil. Si quieres ajustar el menú en móvil sin afectar la versión de desktop, vas a tener que clonar el contenedor menú principal para que tengas 2 menús, 1 en desktop y otro en móvil. En el contenedor para desktop, te vas a la pestaña de avanzado, en la sección de adaptabilidad escondes el menú en móviles y haces lo mismo en tu contenedor clon, pero lo ocultas en desktop. Así le puedes hacer los cambios necesarios al menú móvil sin afectar el desktop... igual y saco un tuto la siguiente semana. Saludos!!
@ A nivel UX que tanto recomiendas este efecto? Especificamente para las versiones de Tablet y de Phone. Para ser honestos en la versión de PC se ve perron como diría un amigo :D
@@angelperozo2315 jaja sí se ve super perro. A nivel personal, no le veo problema en cómo se visualiza en cel... échale un vistazo a la página que tomé de referencia.. diagram.com/ Sí vas a tener que rediseñar un poco el menú para que en móvil solo salga el logo y el menú de hamburguesa para que se aprecie bien el efecto. La página de carros Tesla también lo tiene en su versión móvil... éxito!
Gracias Manu👏, seguidor reportandose 🫡 El efecto está muy TOP y la explicación aún mejor jaja
🤜🏿
Manu, muchas gracias por seguir aprendiendo cada dia mas sobre el mundo wordpress y elementor . Saludos desde argentina y tengo una pregunta q no estoy encontrando solución alguna y queria saber si vos tenes alguna data de como hacerlo , como hacer que en mi tienda woocomerce mas alla de aparecer el precio de mis productos , quiero que aparezca el valor que queda en cuotas .
Saludos y excelente todo lo q estoy aprendiendo con tus videos
genioo gracias
Manu, si vamos a hacer webs a otros negocios como freelance, ¿ Recomiendas que nosotros nos hagamos cargo del alojamiento y del gasto de Elementor? ¿ O que se haga cargo el cliente, poniendo los datos de facturación y contacto a su nombre?
Que buen efecto, gracias Manu
🤜🏿
hola Podrias poner como hacer responsivo este menu en movil y tablet por favor?
Muy bueno
Efecto Vidrio templado me gusta mas, Gracias pana el mejor canal
jajaj creo q sí suena mejor... Glasmorfismo es mi adaptación rupestre. Saludos!
Hola Manu!!! una consulta en la pagina de Rolls -Royce esta el logo .Como hago para que con el tutorial que hiciste me figure también el logo???
Hola Carlos! solamente agrega el widget de imagen en el contenedor que tiene el efecto de cristal. Éxito!
Excelente, en Colombia es como el efecto de * esmerilado*
Hola David! suena mucho mejor que mi traducción improvisada 😅.. éxito en tu proyecto
Hacemos presencia 👋
Gustazo verte mi brow! espero todo vaya de lujo.
sigo todos los pasos tal culo y no sale el menu cuando previsualizo, solo sale el boton ayudaa! por fa :-(
Lástima que no muestres como hacerlo responsive por que es un lio
Efecto cristal o Efecto vidrio eso es glassmorphism