🔴Aprende animación de bordes con CSS | Fácil y Rápido ⚡️

Поделиться
HTML-код
  • Опубликовано: 24 дек 2024

Комментарии • 65

  • @belenappez323
    @belenappez323 11 месяцев назад +1

    Lo probe adaptandolo a mi diseño y demas y salio perfecto! Gracias!

  • @floppy6264
    @floppy6264 10 месяцев назад +1

    que buen truco, muchas gracias por compartirlo. :)

  • @kiknash2275
    @kiknash2275 2 месяца назад +1

    muy buen video, muy buena la explicacion. Un gran efecto

  • @licettemachado9272
    @licettemachado9272 Год назад +2

    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

  • @sanmen1982
    @sanmen1982 Год назад +2

    Muchísimas gracias por compartir tus conocimientos, muy buena explicación!!!. Ya practiqué poniendo bordes celestes y blancos. Exitos!!!

  • @RobertBBenn
    @RobertBBenn Год назад +3

    gracias compadre, siempre uso tus videos para practicar html y css

  • @carrisolucionesinformaticas
    @carrisolucionesinformaticas Год назад +2

    muy bueno...gracias x tu tiempo

  • @mr.fabian8471
    @mr.fabian8471 2 года назад +2

    Excelenete gracias master !!!

  • @caminoalmillon007
    @caminoalmillon007 10 месяцев назад +2

    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.

    • @elcodigobravo
      @elcodigobravo  10 месяцев назад +1

      Si claro! Te funciona… toma la idea y la adaptas y listo

  • @antoniowolf131
    @antoniowolf131 Год назад +2

    Muy buen video amigo, sigue así

  • @EnfoqueGuerrero_oficial
    @EnfoqueGuerrero_oficial Год назад +1

    gracias por tus buenos diseños brother !!

  • @resario89
    @resario89 8 месяцев назад +1

    Excelente, muchas gracias !

  • @randomposting
    @randomposting Год назад +3

    Se ve Magnifico!, creo que usare algo asi cuando cree mi portafolio o algo jeje

    • @elcodigobravo
      @elcodigobravo  Год назад +1

      👌

    • @_xrxietx_8749
      @_xrxietx_8749 Год назад +1

      ¿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?

    • @randomposting
      @randomposting Год назад

      @@_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

    • @_xrxietx_8749
      @_xrxietx_8749 Год назад +1

      @@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. 😉

    • @randomposting
      @randomposting Год назад

      @@_xrxietx_8749 Ok bro no hay problema, una pregunta, cuanto sabes de programacion?

  • @theakerlergamer_yt9781
    @theakerlergamer_yt9781 Год назад +2

    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

  • @brandonsaltos3895
    @brandonsaltos3895 5 месяцев назад

    Eres un crack

  • @duvanpantoja1994
    @duvanpantoja1994 2 года назад +2

    Excelente video!! podrias por favor en un próximo poner le código más grande! gracias

  • @jeissonm.5082
    @jeissonm.5082 8 месяцев назад +1

    Gracias👍

  • @sol____-_-
    @sol____-_- 3 месяца назад

    Nice.

  • @pau861
    @pau861 7 месяцев назад

    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?

    • @elcodigobravo
      @elcodigobravo  7 месяцев назад

      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)

  • @FilibertoMedina-o3f
    @FilibertoMedina-o3f 2 месяца назад

    Gracias. Me podrás ayudar, creo que hice casi todo pero el texto del botón me queda atrás, solo lo estoy haciendo con HTML. Si aplicó el z-indez me aparece el texto pero con el efecto encima, gracias

  • @kijamaru
    @kijamaru Год назад +1

    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

    • @elcodigobravo
      @elcodigobravo  Год назад

      Prueba aumentando el zindex de las teclas y probablemente tengas que aplicar un Hover distinto para que te funcione

    • @kijamaru
      @kijamaru Год назад

      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

    • @ratasobreviviendoenlascloa4847
      @ratasobreviviendoenlascloa4847 Год назад

      ​@@kijamaruz Index negativo y positivo no sirve. Si es negativo solo negativo y luego usas stcaking contexto para apilar tus cajas

    • @Zero10903
      @Zero10903 Год назад

      No sé si conozcas a Hola Mundo (el RUclipsr). 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

    • @kijamaru
      @kijamaru Год назад

      me lo podrias pasar? ya que me ayudaria a resolver dudas@@Zero10903

  • @Punto-y-coma.24
    @Punto-y-coma.24 Год назад +1

    Bro, para un input como seria?

    • @elcodigobravo
      @elcodigobravo  Год назад

      Qué quieres hacer?

    • @Punto-y-coma.24
      @Punto-y-coma.24 11 месяцев назад

      @@elcodigobravo lo mismo que hiciste en el vídeo pero con un elemento input

  • @cristian04brangel18
    @cristian04brangel18 Год назад +1

    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?

    • @elcodigobravo
      @elcodigobravo  Год назад

      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 👉🏻 ruclips.net/video/WV9-VCKvZSA/видео.htmlsi=cDF2VVgmZm_yBtjh

  • @ricardiouslyrics4373
    @ricardiouslyrics4373 Год назад +1

    Como puedo agrandar la targeta

  • @eduarinostroza
    @eduarinostroza 2 года назад +1

    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?

    • @elcodigobravo
      @elcodigobravo  2 года назад

      En lo personal no utilizo safari, pero según este reporte creo que debería funcionar developer.mozilla.org/es/docs/Web/CSS/overflow

  • @maxdj6232
    @maxdj6232 Год назад

    Y como hago para crear un formulario con esa animación?

  • @luisrivedeneira6303
    @luisrivedeneira6303 7 месяцев назад +1

    por favor amplie un poco el vs-code las letras muy pequeñas gracias el resto bien

  • @felipepoyatos4722
    @felipepoyatos4722 Год назад +1

    lo tengo igual que tu y no se queda ni parecido pero vale👍

    • @elcodigobravo
      @elcodigobravo  Год назад

      Te acabo de dejar el código en la descripción del video para que lo compares con el tuyo! Saludos, 👍

    • @felipepoyatos4722
      @felipepoyatos4722 Год назад +1

      @@elcodigobravo vale muchas gracias

    • @elcodigobravo
      @elcodigobravo  Год назад

      🫡