APRENDE A CREAR UN CARRUSEL ANIMADO USANDO SOLO CSS | FÁCIL Y RÁPIDO

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

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

  • @jhoansebastianruizhurtado2468
    @jhoansebastianruizhurtado2468 Год назад +4

    gracias amigaso, ojala el canal crezca bastante y puedas subir videos asi usando JS

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

      Gracias! Sí, estaré subiendo contenido y mejorando

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

    super, felicitaciones y gracias por compartir, el contenido es excelente, ojala agrandar pantalla para la próxima.

  • @hugocangi6214
    @hugocangi6214 11 месяцев назад +2

    recien termine el carrusel ,espectacular pregunto en el documento quedan chicos como seria para que las tarjetsa se vieran mas grandes
    te agradezco

  • @Eroz-v5o
    @Eroz-v5o Год назад +2

    Gracias amigo , ahora voy a poder dejar mas piolas mis pag webs 😉

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

    Gracias bro. Realmente no es tan complicado pero si se ve muyy bien

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

    Excelente! Gracias por compartir

  • @mr.fabian8471
    @mr.fabian8471 Год назад +1

    Uff master, muchas gracias por el contenido, y compartir el conocimiento!!

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

    Este tipo hace arte

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

    vamos

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

    Excelente tutorial amigo!!! muy bien explicado!!
    Tengo una consulta, cuando hice el tutorial se ve todo bien, y funciona el carrusel, pero todo se ve de tamaño pequeño, tengo que hacerle zoom al navegador para que se vea como en el video. Como puedo hacer que el carrusel tenga un tamaño mayor? me gustaría usarlo en un "hero" de una pagina que quiero hacer. Desde ya muchas gracias!!! 👍

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

      Simplemente le das más pixeles al tamaño de las tarjetas… eso lo ajustas a tu preferencia… 👍

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

      @@elcodigobravo Muchas gracias bro!!! Excelente el contenido de tu canal sigue si!!!

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

    E P I C O

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

    Buen video

  • @RaulRamirez-jb7uz
    @RaulRamirez-jb7uz 11 месяцев назад +2

    Hola muchas gracias por el proyecto , ¿como le puedo hacer para que al momento de poner en cursor sobre la imagen se detenga no gire ?

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

      Le haces un hover a las tarjetas y le colocas animate-play-state: paused

    • @RaulRamirez-jb7uz
      @RaulRamirez-jb7uz 11 месяцев назад

      @@elcodigobravo Gracias por responder lo voy aplicar.

    • @RaulRamirez-jb7uz
      @RaulRamirez-jb7uz 11 месяцев назад

      @@elcodigobravo ya lo realice quedo excelente

  • @lic.sebastianrodrigonajle964
    @lic.sebastianrodrigonajle964 Год назад +1

    Genial Amigo!!:D:D

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

    Algún curso que recomiendes?

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

      El mío! Lo estrenaré el 15 de enero 2023… 🧐

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

    Muy buen contenido, pero deberias ampliar la pantalla para que podamos seguirte escribiendo el código. O al menos subelo a github

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

    Disculpa y como se podria hacer para que el carrusel vaya un poco mas lento? ;( , gracias por tu contenido :D

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

      Se le cambia la cantidad de segundos en la animación, más segundos más lento, menos segundo más rápido, por ejemplo…
      animation: “nombre de la animación” “cantidad de segundos (5s)” linear infinite;

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

      @@elcodigobravo Muchas gracias :D

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

      🫡

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

    buenos días una pregunta sera que este carrusel se puede hacer con fotos?

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

      Si claro! Con lo que tú quieras, acá lo importante solo es como hacer el efecto, el contenido es tuyo 😎👍

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

      @@elcodigobravo Gracias mi hmno muy amable

  • @usuario.privado945
    @usuario.privado945 Год назад +1

    y los medios para descargar las imagenes

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

      La idea es que lo hagas con tu propio contenido 👍

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

    si pudieras enviarnos el codigo en bloc de notas u otro seria genial

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

    Bro necesito hacer un carrusel así como este pero en lugar de que gire automáticamente, debe girar con el cursor, clickeando y arrastrando...
    He buscado bastante y no encuentro como hacerlo con css y javascript puro.
    Si tu sabes podrías hacer un tutorial asi por favor 🙏

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

      Con alguna librería puedo hacerlo lo más parecido posible, pero quisiera saber cuál es la lógica detrás de ese efecto. Por eso quiero hacerlo con javascript vainila

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

      Ósea este mismo carrusel pero que sea tipo slider, que con click se vaya moviendo ?

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

      @@elcodigobravo si bro, exactamente

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

    hermano por que las imagenes no me cargan ?

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

      Si las imágenes no te cargan es que algo estás haciendo mal, revisa el código que tienes con el que muestro en el video

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

      @@elcodigobravo vale bro , está bien , Intentare mañana y te vuelvo a escribir si en caso persistir con el problema vale

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

      Dale! 👍