Guía sobre Animaciones en CSS

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

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

  • @Ryussaki
    @Ryussaki 3 года назад +41

    Hermano rápido preciso y conciso te mereces 1 millón de sub.

  • @josemanuelariashernandez6604
    @josemanuelariashernandez6604 4 месяца назад +1

    Tremendo curso en duracion de una simple tutorial, es rapido directo y claro

  • @camiloenriquegonzalezferna9342
    @camiloenriquegonzalezferna9342 3 года назад +11

    Los mejores 12 Minutos de mi vida académica. Felicitaciones mi amigo

  • @CristinaArela-zq5ds
    @CristinaArela-zq5ds 6 месяцев назад

    Te amo, me demore toda la tarde en un solo ejercicio, porque no entendia la trancision de un elemento. Estaba desmoralizada y encontre tu video‹3

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

    Me estoy viendo todos tus videos y la verdad que SOS un capo explicando rey .No aflojes que están muy bien explicados

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

    mucha gente tiene conocimientos web pero pocos saben transmitirlo... te felicito, excelente material

  • @alexanderrepollo1024
    @alexanderrepollo1024 2 года назад +3

    Espectacular bro! Tenia dudas de cual era la syntax para poner varias transformaciones en 1 solo momento de la animación, y tu video lo muestra clarito, genio!

  • @fedecabello151
    @fedecabello151 3 года назад +3

    Rápido, sencillo y directo al punto. Merecido like y subscriptor. Sinceramente fabuloso 👏

  • @OrlandoG.Sanchez
    @OrlandoG.Sanchez 2 года назад

    A PERSONAS COMO TU NECESITO EN MI VIDA

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

    eso si es una explicacion algo sencillo te da grandes ideas excelente tutorial hermano gracias!!

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

    que bueno. tu video me ayudo a empear a comprender como hacer animaciones en css.. muchas gracias amigo.

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

    me resulto muy fácil entender explicas muy bien
    , ojala y subas más videos😎, saludos

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

    Amigo, usted explica muy bien. Lo felicito.

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

    Cortito y al pie! Estos son los vídeos que me gustan. Siguiendo✌️✨

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

    Más claro imposible

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

    Excelente manera de ensenar Jonathan
    Saludos

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

    Gracias hermano, me ayudaste bastante

  • @Myn624
    @Myn624 3 года назад +1

    Magnifica explicación. Un saludo.

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

    Magistral explicación. Lo premié con un like y suscripción al canal, gracias por compartir tu conocimiento y no dejes de subir más videos. Un saludo desde Maracaibo, Venezuela.

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

    Una genialidad tu didáctica !

  • @GermanQuispe-un1ht
    @GermanQuispe-un1ht Год назад

    Suscrito, me encantó, justo lo que buscaba. Eres grande

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

    Me encantó el vídeo aprendí un montón, fue directo al contenido y fácil de entender 100 estrellas 💫

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

    ¡¡Más vídeos como este!! Excelente explicación

  • @diegofernandomojicamanriqu3939
    @diegofernandomojicamanriqu3939 8 месяцев назад

    Grande amigo, como estuve buscando estos efectos! muchas gracias !!!

  • @jardonrosasfrancisco1094
    @jardonrosasfrancisco1094 3 года назад +1

    Me sirvió mucho hermano, buenas vibras para ti bro.

  • @federicomatias9561
    @federicomatias9561 9 месяцев назад

    Sos muy craaa hno, gracias!

  • @Ibcss
    @Ibcss 3 года назад +1

    Te necesito como tutor loco

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

    Gracias bro, re directo y claro! abrazooooo

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

    Muy practico y didactico tu video, Muchas Gracias por ilustrarnos este proceso, Un seguidor mas.

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

    Muy buen video. Gracias por enseñar.

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

    Muy buen video parcero, muchas gracias.

  • @oscaragusto9157
    @oscaragusto9157 3 года назад

    gracias man, aquí entiendo mejor de lo que me explican en mi clase !! :D

  • @joseantelo9793
    @joseantelo9793 3 года назад

    Sos un capo, sigue así eres de gran ayuda para los que estamos empezando, no dejes de hacer estos vídeos, nuevo sub

  • @elkinpineda457
    @elkinpineda457 3 года назад +1

    Que vien explicado 👌 vale la pena dedicarle tiempo a un video de estos.

  • @juanjosevalencia925
    @juanjosevalencia925 4 года назад +4

    Que vídeo tan genial, gracias 😊

  • @Marcos-ib3be
    @Marcos-ib3be Год назад

    Gracia loco, no entendia las animaciones pero ya si JAJAJ

  • @nicolassegovia5412
    @nicolassegovia5412 3 года назад

    Excelente explicación, todo un docente!

  • @joseriverazeta6014
    @joseriverazeta6014 4 года назад +1

    Excelente muy explicito , Gracias JL

  • @sirferra
    @sirferra 3 года назад

    Muy bien explicado hermano, gracias.

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

    Excelente, muchas gracias por su explicación. 😁

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

    excelente video gracias bro

  • @lautarosiragusa2125
    @lautarosiragusa2125 3 года назад

    sos un crack , muy claro, segui asi

  • @Ana-zx6ej
    @Ana-zx6ej Год назад

    genial, re bueno el tuto

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

    q pro!!!, dime como podria hacer para q dentro del cuadrado haya una imagen

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

    vos no seras el hombre mas increible que nacio nunca no?

  • @SebaSebonn
    @SebaSebonn 3 года назад +1

    Alguien sabe como se llama el efecto de corazones de instagram live que suben y desaparecen

  • @facundogarcia6811
    @facundogarcia6811 3 года назад

    Genio Totalmente

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

    Excelente video👏👏👏

  • @andelsonnicolaslopezysabel1945
    @andelsonnicolaslopezysabel1945 4 года назад +1

    gracias bro, enseñaste re bien.

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

    Genio de video

  • @alangarcilazo3367
    @alangarcilazo3367 3 года назад

    Genio!!!!! muchas gracias!

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

    Excelente video

  • @camilaa7906
    @camilaa7906 4 года назад

    Sos muy bueno explicando, gracias!

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

    Hola, me podrías decir si esa animación se puede hacer con una foto?

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

    muy buen video, me encanto, preciso,claro,didactico y divertido, toma mi like y suscripcion

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

    y si quiero que cuando termine la animacion, se quede en esa ultima posicion? osea que no se regrese otra vez a donde estaba

  • @pavelsanchez4525
    @pavelsanchez4525 3 года назад +2

    perfecto pana me encanto, nuevo sub :)

  • @pavo_1042
    @pavo_1042 3 года назад +1

    Puedes hacer un video o explicar cómo se podría hacer una animación q valla cambiando el tamaño de un círculo por ejemplo?

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

      Es lo mismo, pero en lugar de animar la posicion, ánimas el width y height

  • @alonsoconstantine8080
    @alonsoconstantine8080 3 года назад +1

    Buen video.

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

    Graciaaaaaaas!

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

    y si quiero que se conserve la ultima animacion?

  • @CreativeDesignPE
    @CreativeDesignPE 4 года назад +1

    wonderful! you explain very well

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

    Hola bro, queria ejecutar la animacion con el scroll, pero se activa con la recarga de navegador

  • @luisgarzagarcia5636
    @luisgarzagarcia5636 3 года назад

    Muy buen video bruuh!! Muchas gracias!!!

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

    sos un capo

  • @davidmateos8229
    @davidmateos8229 3 года назад +1

    gracias tiooooo

  • @MirlonyGG
    @MirlonyGG 3 года назад

    Video 10/10, gracias crack :D

  • @mateolabriola2390
    @mateolabriola2390 3 года назад

    puedo hacer lo mismo con una imagen?

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

    super video 👍

  • @komuisam6549
    @komuisam6549 3 года назад

    y si quiero que se mantenga en la ultima posición de la animación y que el cuadro se mueva por encima de todo lo que este en el documento? estoy haciendo algo en blogger y en las entradas se ponen por encima de la imagen que use como tu usas en el vídeo

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

    por que no en vez de ponerle top y left, usaste transform translatex y translatey

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

    Que sitio web usas para crear css?

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

    Un genio

  • @AngelMartinez-mc8iz
    @AngelMartinez-mc8iz Год назад

    Buenisimo.

  • @pepibusato8402
    @pepibusato8402 3 года назад +1

    Crack!

  • @luiscalcurian7431
    @luiscalcurian7431 4 года назад +2

    Buenas tardes hermano cómo está? Soy de Venezuela 🇻🇪 y me gustaría preguntar si el css que haga aquí me sirve para cargarlo en una apk. Muchísimas gracias y como haría para dibujar unas estrellas y colocar muchas de ellas como para representar el universo o constelaciones o algo parecido. Me serviría mucho de su ayuda. Pq estoy aprendiendo a trabajar con este lenguaje.

  • @gerardoescobar7121
    @gerardoescobar7121 4 года назад +1

    Una duda (un poco tonta quizás, apenas voy aprendiendo HTML) porqué left lo mueve a la derecha? Si en español left es izquierda, right lo movería a la derecha? Es decir que están al revés? Gracias de antemano!

    • @bryandelcastillo6661
      @bryandelcastillo6661 4 года назад +1

      Gerardo Escobar lo mueve 300 píxeles del marco de la izquierda, si pusiera right, se iría hasta el otro lado

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

    gracias pero no me funciono El reproductor de sonido en UDEMY no funciona

  • @maximilianojofre1864
    @maximilianojofre1864 4 года назад

    Buenísimo, me sirvió un montón. :D

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

    Gracias dios.

  • @danielsegura8726
    @danielsegura8726 4 года назад

    gracias

  • @emanuel1526
    @emanuel1526 4 года назад +1

    BUENIIIISIMO

  •  4 года назад

    Hola, muy bueno el video!! Consulta, como puedo hacer para moverlo en diagonal??. Desde ya muchas gracias. Saludos

    • @jhonny-5025
      @jhonny-5025 4 года назад +4

      hola sebastian en el 25% pones left: 300px; top: 300px;
      y en el 50% los dejas en 0px el left y el top
      en el 75% otra vez 300px los dos
      y en el 100% 0px los dos
      así se animara en diagonal
      juega con las posiciones left y top eso ayuda para aprender
      saludos!!!

  • @ezealeman3179
    @ezealeman3179 4 года назад

    muy buen video

  • @fernandohernandezortela6881
    @fernandohernandezortela6881 3 года назад

    Maestrazo!!!

  • @noctisz8561
    @noctisz8561 4 года назад

    ando buscando animacion en diagonal !!

  • @Nicolas-us4qi
    @Nicolas-us4qi 3 года назад

    Hay 2 palabras clave para remplazar el 0% y el 100% que son "from" = 0% y "to" = 100%

    • @pavelsanchez4525
      @pavelsanchez4525 3 года назад

      es correcto pero con porcentaje puedes crear mas keyframes y controlarlos mientras que con las keywords (from - to) solo 2, el primero y el final :)

  • @OnMyMind180
    @OnMyMind180 3 года назад

    Sos grande pelotudo,te amo con todo mi corazon!!

  • @luciofex8353
    @luciofex8353 3 года назад +1

    👍💀👍

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

    👏👏👈

  • @moisescamacho7364
    @moisescamacho7364 4 года назад +2

    tengo un problema y es que google no me funciona las animaciones pero en edge el navegador de windows 10 ai si funciona

  • @Nicolas-us4qi
    @Nicolas-us4qi 3 года назад

    No se recomienda usar ID's para estilos (#), siempre usar clases(.). Los ID's son para manipular elementos con JS

  • @Andres-wq6cz
    @Andres-wq6cz 3 года назад

    gracias

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

    Gracias