🔴Aprende animación de bordes con CSS | Fácil y Rápido ⚡️
ฝัง
- เผยแพร่เมื่อ 15 ก.ย. 2024
- En este corto tutorial te enseño como aprender #animar bordes en #CSS para tus proyectos web.
---------------------------------------------------------------------------------------------------------------------------
Repositorio:
💽 CODIGO 👉github.com/elc...
Sígueme en:
📲 TIK TOK 👉 www.tiktok.com...
Lo probe adaptandolo a mi diseño y demas y salio perfecto! Gracias!
Muchísimas gracias por compartir tus conocimientos, muy buena explicación!!!. Ya practiqué poniendo bordes celestes y blancos. Exitos!!!
Que bueno! Gracias 💪🏼😎
muchas gracias, me sirvio para un proyecto escolar, recuadre un video de youtube para que no quedase tan vacio. Te pondre en la bibliografia para dar los respectivos créditos
Gracias! 👍
que buen truco, muchas gracias por compartirlo. :)
gracias compadre, siempre uso tus videos para practicar html y css
Que bueno! 🙌🏻
Muy buen video amigo, sigue así
Gracias por tu comentario 💪🏼
Excelenete gracias master !!!
Gracias! 😎
muy bueno...gracias x tu tiempo
Gracias por tu comentario!
Excelente, muchas gracias !
💪🏻
Justo lo que estaba buscando, en mi caso yo quiero hacer una tarjeta redonda que contenga el precio de un servicio, y crear una para cada precio.
Si claro! Te funciona… toma la idea y la adaptas y listo
Nice.
Se ve Magnifico!, creo que usare algo asi cuando cree mi portafolio o algo jeje
👌
¿Bro ya creaste el portafolio? Si es así ¿Ya conseguiste trabajo? O qué tan difícil es conseguir aún teniendo el portfolio? Trabajo remoto o ahí cerca de tu ciudad?
@@_xrxietx_8749 No aun no tengo el portafolio, sigo aprendiendo a programar haciendo proyectos y guardando algunos para si hacer el portafolio mas adelante, trabajo no he conseguido porque aun no me considero apto para empezar pero es tema de tener paciencia y saber buscar, el portafolio si te ayudaria un monton porque asi podran ver tus habilidades. Como dato extra; yo intentaria crearme una cuenta en algun foro como Foro Beta y hechar un ojo aver si hay algo de interes, Suerte Hermano
@@randomposting Ahhh vale, es que te preguntaba porque yo ya casi voy para esa etapa bro, muchas gracias por responder y esperemos tener suerte en encontrar y que nos vaya bien bro. 😉
@@_xrxietx_8749 Ok bro no hay problema, una pregunta, cuanto sabes de programacion?
Eres un crack
Gracias bro 🫡
Excelente video!! podrias por favor en un próximo poner le código más grande! gracias
Listo! Tomado el punto, gracias!
lo hice junto contigo.. al ver que no me salio mal estuve casi una hora pensando en que, volvi a ver el video y me equivoque
envez de ponerle justify-content le puse justify-self, es un dolor de cabeza jaja
Si me ha pasado! 🤣
gracias por tus buenos diseños brother !!
Por nada!
Gracias👍
hola querria saber si en vez de un fondo negro se podria hacer con fondo transparente para que pueda ver la imagen de atras, si le pongo transparent, se ve el color rotando
que suguieres?
Solo tienes que colocar la imagen que quieres en ves de el fondo negro y listo. Por ejemplo si el fondo negro es un background-color: Black cámbialo por background-image: url(ruta de la imagen)
por favor amplie un poco el vs-code las letras muy pequeñas gracias el resto bien
Tomado el comentario 👍
Como haría para hacer que la animación sea mas lenta cuando el ratón esta dentro del contenedor sin que se reinicie la animación?
Si, haces un hover al contenedor pero que afecte al elemento rojo y les pones las propiedades que quieres. En este video puedes guiarte para hacerlo 👉🏻 th-cam.com/video/WV9-VCKvZSA/w-d-xo.htmlsi=cDF2VVgmZm_yBtjh
Hola, buen tutorial, repliqué el ejercicio, pero en safari al hacer la animación, el overflow:hidden se anula y se ve el cuadrado rojo. Como se podrá solucionar?
En lo personal no utilizo safari, pero según este reporte creo que debería funcionar developer.mozilla.org/es/docs/Web/CSS/overflow
Bro, para un input como seria?
Qué quieres hacer?
@@elcodigobravo lo mismo que hiciste en el vídeo pero con un elemento input
Hola, tengo una duda como hago para que en ese cuadro yo pueda meter una calculadora y me funcionen las teclas, lo estoy intentando resolver y no me funcionan mis teclas ahora
Prueba aumentando el zindex de las teclas y probablemente tengas que aplicar un Hover distinto para que te funcione
Buenas, mis conocimientos en css la verdad son un poco nulas, ya que estoy empezando, e intentado ponerle al borde zindex negativos y a los botones numeros altos positivos y aun asi no me funciona, me podria contactar con usted? perdon por la molestia, ya que me ayudaria mucho@@elcodigobravo
@@kijamaruz Index negativo y positivo no sirve. Si es negativo solo negativo y luego usas stcaking contexto para apilar tus cajas
No sé si conozcas a Hola Mundo (el TH-camr). Pero pues, él tiene un server de discord al que puedes unirte y pueden ayudarte a resolver el problema:3
En general yo soy quien se la pasa ayudando, pero hay varias personas más que pueden ayudarte con tu duda :3
me lo podrias pasar? ya que me ayudaria a resolver dudas@@Zero10903
Y como hago para crear un formulario con esa animación?
Como puedo agrandar la targeta
Cambia las dimensiones y listo
lo tengo igual que tu y no se queda ni parecido pero vale👍
Te acabo de dejar el código en la descripción del video para que lo compares con el tuyo! Saludos, 👍
@@elcodigobravo vale muchas gracias
🫡