Me encanta como te tomas el tiempo de explicar propiedad por propiedad de manera que se entienda para que sirve cada uno, jodido crack, muchas gracias por el tutorial!
Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 🌐 Visita mi sitio web para más recursos 👇🏻: - bit.ly/sleedw 📱 Únete a nuestra comunidad en WhatsApp y comparte tus proyectos o dudas que tengas 👇🏻: - bit.ly/sleedw-grupo-whatsapp 🔵 Síguenos en Facebook 👇🏻: - bit.ly/face-oficial-sleedw ▶ Saludos y que Dios te bendiga. 🙌
Muy bueno! Ando aprendiendo y practicando CSS y esto me acaba de mostrar la infinidad de posibilidades que hay en CSS! Gracias por el video, iré a ver los demas. Nuevo sub :)
lo agregue a mi menu, el problema que los span aparecen fuera de mi nav, como puedo solucionarlo no encontre como bajarle la distancia entre los span y el texto del menu
@Miguel Hola, muchas gracias por tu comentario, quisiera ayudarte con tu problema por el medio de nuestro grupo de whatsapp.. Te invito a que te unas y ahí realices tu consulta. Saludos y Dios te bendiga🙌💻
buenas, sabes que hice tu código y en un principio me funciono perfecto, luego de un rato al abrir la web me quedaban dos líneas a los costados por lo que re hice el código a ver qué le pasaba y ahora no me hace el efecto de la luz que recorre el cuadrado, qué podría ser? soy estudiante y no me llevo muy bien con el diseño web
Muchas Gracias a ti por ver el video ☺️!! que bueno que te gustó nuestro contenido...👏 No olvides en apoyarnos en suscribirte a este canal y si no es de molestia compartirlo con tus amigos, para seguir creciendo y trayendo más contenidos como estos☺️ Saludos y Exitos bro!!✋
Muy lindo el Botón. Gracias. Por alguna razón que desconozco, el efecto de la luz que pasa por el marco no se produce. El resto funciona bien. ¿Alguna idea?
hola buenas noches hermano como estas muy bueno tu video que sigan tus exitos en el nombre de Dios una pregunta hermano ese codigo del video se puede colocar en un blog de blogger porque intente y me no me sale bro
que buen efecto, amigo, me prodrías ayudar a saber cómo hacer el efecto de pasar el mouse y que se vea como una luz? es decir una imagen y al pasarle el mouse se vea así como si le pasaras una luz por encima, no sé cómo se llama ese efecto y me gusta mucho
Hola, muchas gracias por tu comentario, respecto a tu petición, me gustaría compartirte el código de este proyecto, que esta en el siguiente enlace -> sleedweb.ga/botonneon , para que hagas una comparación con tu proyecto realizado. Saludos y Dios te bendiga..
Muchas gracias, si lo pude resolver, lo puse envío de las dos etiquetas de Span cuando era dentro de la primera, de nuevo Gracias e igualmente Dios te bendiga. ❤️
buenas que tal, hace tiempo busco algo asi, pero que ya este activo la animacion del principio al entrar la pagina, para que sea menos estatica, como me recomiendas hacer esto? Transitions y animations? como lo harias? saludos y buen video
buen video bro, tengo un problema con poner un título, ¿cómo puedo ubicar bien el título arriba y cómo puedo poner varios botones ordenadamente? espero puedas responder bro, gracias.
Claro amigo. El lo dijo en este video. Fíjate bien: lo puedes poner dentro de las comillas el enlace. Toca este número para que te lleve directo al punto 👉 1:22 👈
@@santiagoduarte7077 no estoy criticando tu vídeo. Solo comentaba que no está de más, si has basado tu vídeo en otro, mencionarlo. En cuanto al idioma, no veo que tiene de malo que sea en inglés.
No he dicho eso en ningún momento. Tan solo he comentado que si usaba el vídeo de otra persona (ya sea como inspiración o como base) que no es tan mala idea mencionarlo. No he dicho nada de código ni que deba mencionar al creador o creadores de las herramientas que vaya a usar. Considero que son dos cosas distintas, por un lado tienes las herramientas como el VSCode o el lenguaje de programación que si buscas un momento por Internet encuentras quien lo hizo y demás. Distinto es que hayas visto un vídeo en otro idioma, que te haya gustado y decidas trasladar la idea/concepto a otro idioma. En ese caso y bajo mi opinión, no está de más mencionar de donde te viene esa idea. De nuevo, es una opinión personal.
Me encanta como te tomas el tiempo de explicar propiedad por propiedad de manera que se entienda para que sirve cada uno, jodido crack, muchas gracias por el tutorial!
Muchas gracias por tu comentario. Saludos y Bendiciones 🙌💻
Suscríbete ✅ para más vídeos tutoriales de proyectos web 💻
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
🌐 Visita mi sitio web para más recursos 👇🏻:
- bit.ly/sleedw
📱 Únete a nuestra comunidad en WhatsApp y comparte tus proyectos o dudas que tengas 👇🏻:
- bit.ly/sleedw-grupo-whatsapp
🔵 Síguenos en Facebook 👇🏻:
- bit.ly/face-oficial-sleedw
▶ Saludos y que Dios te bendiga. 🙌
Simplemente increible tu metodo, continua con esto amigo.
Muchas gracias por tu comentario💻🙌, seguiremos subiendo más vídeos tutoriales de éstas categorías.
Saludos y Éxitos...☺💻
Muchas gracias por tu comentario💻🙌, seguiremos subiendo más vídeos tutoriales de éstas categorías.
Saludos y Éxitos...☺💻
Muchas gracias, justo era lo que estaba buscando para añadirle a una página web.
Hola, muchas gracias por tu comentario, Saludos y Dios te bendiga 🙌💻
Muy bueno! Ando aprendiendo y practicando CSS y esto me acaba de mostrar la infinidad de posibilidades que hay en CSS! Gracias por el video, iré a ver los demas. Nuevo sub :)
Hola, muchas gracias por el apoyo, saludos y Dios te bendiga.
@@SLeeDw Sigan con el buen trabajo :D
lo agregue a mi menu, el problema que los span aparecen fuera de mi nav, como puedo solucionarlo no encontre como bajarle la distancia entre los span y el texto del menu
jaja 😁 voy por el minuto 5:50 y me esta saliendo super chulo gracias..
Me encanta tu canal la verdad que suerte toparme con tigo, Gracias bro.
Hola muchas gracias por tu comentario bro, Saludos y Éxitos🙌💻
muchas gracias! estoy comenzando y esto me inspira, ojalá pueda llegar a escribir todo así de rápido algún día jaja, saludos y nuevo sub
Hola, muchas gracias por tu comentario, Saludos y Dios te bendiga 💻🙌
@Miguel Hola, muchas gracias por tu comentario, quisiera ayudarte con tu problema por el medio de nuestro grupo de whatsapp.. Te invito a que te unas y ahí realices tu consulta. Saludos y Dios te bendiga🙌💻
Perfecto mi amigo, muchisimas gracias, suscribido !!
Encima lo subiste a un repositorio, muchisimas gracias, me sirve para copiar y pegar !!
se ve perrisimo toma tu like
Muchas gracias amigo, Saludos y Dios te bendiga 💻🙌
gracias por este video muy bueno sencillo sin complicarse
Hola, muchas gracias por tu comentario, Saludos y Dios te bendiga 🙌💻
Muchas gracias amigo, esta muy bueno el efecto. Sigue así amigo Bendiciones.
Me suscribo :D
Hola, MUCHAS GRACIAS por tu apoyo a éste canal, Saludos y Dios te bendiga 💻☺
gracias brou, por compartir tus conocimientos, exitos
esta genial! muchas gracias por enseñarlo y compartirlo!
que crack eres, gracias y saludos sigue subiendo videos me suscribire ;D
Hola, muchas gracias por comentar, y apoyar a este canal de desarrollo web, próximamente estaré subiendo mas tutoriales.
Saludos y Éxitos Crack..
brutal , mil gracias
que lindo exlente video
BUENISIMO AMIGOOOOO
Muchas gracias, Saludos y Dios te bendiga🙌💻
videazo
Joder que buen boton
Muchas gracias amigo, Saludos y Dios te bendiga 💻🙌
Wow, amigo. Muchas gracias!
Hola, muchas gracias por tu comentario, Saludos y Dios te bendiga..
GENIO...!!
buenas, sabes que hice tu código y en un principio me funciono perfecto, luego de un rato al abrir la web me quedaban dos líneas a los costados por lo que re hice el código a ver qué le pasaba y ahora no me hace el efecto de la luz que recorre el cuadrado, qué podría ser? soy estudiante y no me llevo muy bien con el diseño web
Buen video bro. Like, y gracias
Muchas Gracias a ti por ver el video ☺️!! que bueno que te gustó nuestro contenido...👏
No olvides en apoyarnos en suscribirte a este canal y si no es de molestia compartirlo con tus amigos, para seguir creciendo y trayendo más contenidos como estos☺️
Saludos y Exitos bro!!✋
Buenísimo. Gracias ;)
Muchas gracias por tu comentario. Saludos y Bendiciones 🙌💻
Se le podria meter a los span
como un animation infinite?
muchas gracias
Pregunta, cómo podría usar este efecto en un botón? y en determinado caso hacer más efectos? T.T
Excelente video 👍
bro una pregunta sirve para la tienda en linea?
como agrando el boton porfa
bro no me sale los efecctos de luz y no se puso en el centro que hago
@@soyjacob001 Buenas, te invito a que te unas al grupo de WhatsApp para poderte ayudar por ese medio (link en la descripción). Saludos
excelente amigo
Estoy revisando, la última linea, del span4 se queda estática desde un inicio, ¿Alguien sabe pq?, ya revisé todo :')
la practica la puedo hacer en android o solo se puede hacer en una pc?
Bro que tal? Coloque ese código en Blogger y tiene problemas con las dimensiones o ajuste de pantalla sabrás por que?
Probaste abrirlo en otro navegador? recuerda que hay complementos en css para cada navegador
Muy lindo el Botón. Gracias. Por alguna razón que desconozco, el efecto de la luz que pasa por el marco no se produce. El resto funciona bien. ¿Alguna idea?
muy bueno
😀
😊👍
Funciona para blogger?
hola buenas noches hermano como estas muy bueno tu video que sigan tus exitos en el nombre de Dios una pregunta hermano ese codigo del video se puede colocar en un blog de blogger porque intente y me no me sale bro
que entorno de desarrollo usas?
Cómo haces para previsualizar lo que haces a la derecha?
como se puede hacer para que ocurra sin poner el mouse por encima?
que buen efecto, amigo, me prodrías ayudar a saber cómo hacer el efecto de pasar el mouse y que se vea como una luz? es decir una imagen y al pasarle el mouse se vea así como si le pasaras una luz por encima, no sé cómo se llama ese efecto y me gusta mucho
se ve bien chido XD
Muchas gracias, Saludos y bendiciones💻🙌
Nuevo sub camarada
Genial!! Bienvenido a la comunidad de programadores web. Muchas gracias por apoyar a este canal, Saludos y Éxitos crack 💻🙌
que buena crack
Muchas gracias bro, Saludos y Éxitos💻
lo pude hacer pero,no me toma las lineas de los bordes
Muy buen video, alguien me puede ayudar?, sucede que la etiqueta id no me colorea dentro de span, y no funciona.
Hola, muchas gracias por tu comentario, respecto a tu petición, me gustaría compartirte el código de este proyecto, que esta en el siguiente enlace -> sleedweb.ga/botonneon , para que hagas una comparación con tu proyecto realizado. Saludos y Dios te bendiga..
Muchas gracias, si lo pude resolver, lo puse envío de las dos etiquetas de Span cuando era dentro de la primera, de nuevo Gracias e igualmente Dios te bendiga. ❤️
Buen dia, que extensiones usas en el editor de texto para que pinte esas lineas de guia intermitentes del fondo?
buenas que tal, hace tiempo busco algo asi, pero que ya este activo la animacion del principio al entrar la pagina, para que sea menos estatica, como me recomiendas hacer esto? Transitions y animations? como lo harias? saludos y buen video
felicitaciones .
Muchas Gracias amigo, Saludos y Éxitos crack🙌💻
buen video bro, tengo un problema con poner un título, ¿cómo puedo ubicar bien el título arriba y cómo puedo poner varios botones ordenadamente? espero puedas responder bro, gracias.
Ordenados cómo bro? Pudiste hacerlo? No soy el del canal pero quizá te puedo ayudar si aún ocupas ayuda.
Yo solo ocupo la linea que sale encima del botón, espero tener éxito de ser así se los hare saber.
Tengo miedo ggg
Aqui estan los codigos de HTML Y CSS.
( No me sale como al diseñador, alguien mas le sale distinto ? )
Botón de Luz de Neón con CSS
BOTON NEON
___________________________________
body{
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background: #1a0321;
font-family: fantasy;
}
.btn-neon{
position: relative;
display: inline-block;
padding: 15px 30px;
color:#fff;
letter-spacing: 4px;
font-size: 24px;
text-decoration: none;
overflow: hidden;
transition: 0.2s;
}
.btn-neon:hover{
background: #a945c7;
box-shadow: 0 0 10px #412a47, 0 0 40px #a945c7,0 0 80px #a945c7;
transition-delay: 1s;
}
.btn-neon span {
position: absolute;
display: block;
}
#span1{
top:0;
left: -100%;
width: 100%;
height: 2px;
background: linear-gradient(90deg,transparent,#a945c7);
}
.btn-neon:hover #span1{
left: 100%;
transition: 1s;
}
#span3{
bottom: 0;
right: -100%;
width: 100%;
height: 2px;
background: linear-gradient(270deg,transparent,#a945c7);
}
.btn-neon:hover #span3{
right: 100%;
transition: 1s;
transition-delay: 0.5s;
}
#span2{
top: -100;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(180deg,transparent,#a945c7);
}
.btn-neon:hover #span2{
top: 100%;
transition: 1s;
transition: 0.25s;
}
#span4{
bottom: -100;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(360deg,transparent,#a945c7);
}
.btn-neon:hover #span4{
bottom: 100%;
transition: 1s;
transition: 0.75s;
}
gracias, hice lo mismo y no me salió
crees que tenga que ver con que la persona no lo manejo como botón?
Alguien sabe si se le puede poner un link?
Claro amigo. El lo dijo en este video. Fíjate bien: lo puedes poner dentro de las comillas el enlace. Toca este número para que te lleve directo al punto 👉 1:22 👈
Mi span 2 no baja
Ya que usaste el tutorial de otro, por lo menos mencionalo.
Original: ruclips.net/video/ex7jGbyFgpA/видео.html
por lo menos lo explico el otro no y ademas en ingles.
@@santiagoduarte7077 no estoy criticando tu vídeo. Solo comentaba que no está de más, si has basado tu vídeo en otro, mencionarlo.
En cuanto al idioma, no veo que tiene de malo que sea en inglés.
Entonces yo para escribir el código también debo mencionar al creador de Visual Studio Code y al que hizo el programa CSS y al que inventó el HTML
No he dicho eso en ningún momento. Tan solo he comentado que si usaba el vídeo de otra persona (ya sea como inspiración o como base) que no es tan mala idea mencionarlo.
No he dicho nada de código ni que deba mencionar al creador o creadores de las herramientas que vaya a usar.
Considero que son dos cosas distintas, por un lado tienes las herramientas como el VSCode o el lenguaje de programación que si buscas un momento por Internet encuentras quien lo hizo y demás. Distinto es que hayas visto un vídeo en otro idioma, que te haya gustado y decidas trasladar la idea/concepto a otro idioma.
En ese caso y bajo mi opinión, no está de más mencionar de donde te viene esa idea. De nuevo, es una opinión personal.
Bro quiero unirme a tu grupo de wasap
Cómo puedo agregarle una imagen arriba del botón?