Botón de Luz de Neón con Css 

Perfecto mi amigo, muchisimas gracias, suscribido !! Encima lo subiste a un repositorio, muchisimas gracias, me sirve para copiar y pegar !!

esta genial! muchas gracias por enseñarlo y compartirlo!

gracias brou, por compartir tus conocimientos, exitos

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!

Simplemente increible tu metodo, continua con esto amigo.

Muchas gracias amigo, esta muy bueno el efecto. Sigue así amigo Bendiciones. Me suscribo :D

Muchas gracias, justo era lo que estaba buscando para añadirle a una página web.

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 :)

brutal , mil gracias

Me encanta tu canal la verdad que suerte toparme con tigo, Gracias bro.

excelente amigo

gracias por este video muy bueno sencillo sin complicarse

muchas gracias

que crack eres, gracias y saludos sigue subiendo videos me suscribire ;D

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

Excelente video 👍

videazo

Wow, amigo. Muchas gracias!

GENIO...!!

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

Buen video bro. Like, y gracias

muy bueno 😀

se ve perrisimo toma tu like

que lindo exlente video

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

Buenísimo. Gracias ;)

BUENISIMO AMIGOOOOO

Se le podria meter a los span como un animation infinite?

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?

bro una pregunta sirve para la tienda en linea?

que buena crack

que entorno de desarrollo usas?

la practica la puedo hacer en android o solo se puede hacer en una pc?

Nuevo sub camarada

😊👍

Joder que buen boton

Buen dia, que extensiones usas en el editor de texto para que pinte esas lineas de guia intermitentes del fondo?

jaja 😁 voy por el minuto 5:50 y me esta saliendo super chulo gracias..

Cómo haces para previsualizar lo que haces a la derecha?

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

felicitaciones .

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

Funciona para blogger?

se ve bien chido XD

Suscrìbete para mas vídeos nuevos!! que estoy subiendo 2 a 3 vídeos semanalmente😍💌 Gracias por tu apoyo y no olvides en dejarme tu hermoso like 👍🏻 que eso me motiva para hacer màs tutoriales de Proyectos Web.😊👋🏻 ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ♦ Únete a nuestro grupo de WhatsApp 👇🏻: chat.whatsapp.com/Bq9yPZMPqZ3FNt8BRCbyi8: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::♦♦♦ SIGUEME EN FACEBOOK♦♦♦ web.facebook.com/SLee-Dw-102638024655607/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Si tienes alguna duda sobre este proyecto web 🤔 No olvides en decírmelo aquí 👇🏻💌 en los comentarios y yo te ayudare en lo que desees mi estimado programador😊👍

como se puede hacer para que ocurra sin poner el mouse por encima?

Cómo puedo agregarle una imagen arriba del botón?

Pregunta, cómo podría usar este efecto en un botón? y en determinado caso hacer más efectos? T.T

como agrando el boton porfa

Estoy revisando, la última linea, del span4 se queda estática desde un inicio, ¿Alguien sabe pq?, ya revisé todo :')

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.

lo pude hacer pero,no me toma las lineas de los bordes

Bro que tal? Coloque ese código en Blogger y tiene problemas con las dimensiones o ajuste de pantalla sabrás por que?

Yo solo ocupo la linea que sale encima del botón, espero tener éxito de ser así se los hare saber. Tengo miedo ggg

Muy buen video, alguien me puede ayudar?, sucede que la etiqueta id no me colorea dentro de span, y no funciona.

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; }

Mi span 2 no baja

Alguien sabe si se le puede poner un link?

Ya que usaste el tutorial de otro, por lo menos mencionalo. Original: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ex7jGbyFgpA.html

Bro quiero unirme a tu grupo de wasap