Guía sobre Animaciones en CSS

Sdílet
Vložit
  • čas přidán 1. 08. 2024
  • En este video vas a aprender todo acerca de las animaciones en CSS
    Curso GRATUITO Diseño Web desde cero: www.udemy.com/course/crea-est...
    Curso Diseñador Web Profesional: www.udemy.com/course/disenado...
    Curso de JavaScript: www.udemy.com/course/javascri...

Komentáře • 101

  • @Ryussaki
    @Ryussaki Před 3 lety +41

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

  • @camiloenriquegonzalezferna9342

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

  • @josemanuelariashernandez6604

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

  • @fedecabello151
    @fedecabello151 Před 2 lety +3

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

  • @alexanderrepollo1024
    @alexanderrepollo1024 Před rokem +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!

  • @joseantelo9793
    @joseantelo9793 Před 3 lety

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

  • @angelgilbertopaz5146
    @angelgilbertopaz5146 Před rokem

    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.

  • @julianjulianjulian380

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

  • @joseriverazeta6014
    @joseriverazeta6014 Před 4 lety +1

    Excelente muy explicito , Gracias JL

  • @marcosvazquez3834
    @marcosvazquez3834 Před rokem

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

  • @veronicawong783
    @veronicawong783 Před 2 lety

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

  • @lavidadetuviaje
    @lavidadetuviaje Před rokem

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

  • @jesusdavidpenafragoso6889

    Amigo, usted explica muy bien. Lo felicito.

  • @juanjosevalencia925
    @juanjosevalencia925 Před 4 lety +4

    Que vídeo tan genial, gracias 😊

  • @nicolassegovia5412
    @nicolassegovia5412 Před 2 lety

    Excelente explicación, todo un docente!

  • @miguelochoa3944
    @miguelochoa3944 Před 2 lety

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

  • @elkinpineda457
    @elkinpineda457 Před 3 lety +1

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

  • @GermanQuispe-un1ht
    @GermanQuispe-un1ht Před rokem

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

  • @camilaa7906
    @camilaa7906 Před 3 lety

    Sos muy bueno explicando, gracias!

  • @sirferra
    @sirferra Před 2 lety

    Muy bien explicado hermano, gracias.

  • @Myn624
    @Myn624 Před 3 lety +1

    Magnifica explicación. Un saludo.

  • @adrielsoren2904
    @adrielsoren2904 Před rokem

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

  • @glass4704
    @glass4704 Před 2 lety

    Excelente, muchas gracias por su explicación. 😁

  • @edyestuardocontreras7754

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

  • @yahirgonzales2109
    @yahirgonzales2109 Před rokem

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

  • @federicomatias9561
    @federicomatias9561 Před 5 měsíci

    Sos muy craaa hno, gracias!

  • @jardonrosasfrancisco1094
    @jardonrosasfrancisco1094 Před 3 lety +1

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

  • @NazarenoRoldann
    @NazarenoRoldann Před rokem

    Gracias bro, re directo y claro! abrazooooo

  • @luisgarzagarcia5636
    @luisgarzagarcia5636 Před 3 lety

    Muy buen video bruuh!! Muchas gracias!!!

  • @oscaragusto9157
    @oscaragusto9157 Před 2 lety

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

  • @andelsonnicolaslopezysabel1945

    gracias bro, enseñaste re bien.

  • @profesorjgaticatv
    @profesorjgaticatv Před rokem

    Muy buen video. Gracias por enseñar.

  • @victorga74
    @victorga74 Před rokem

    Excelente manera de ensenar Jonathan
    Saludos

  • @kalel007ification
    @kalel007ification Před 10 měsíci

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

  • @nuriagiselaocampo5467

    Una genialidad tu didáctica !

  • @andresbarragan3545
    @andresbarragan3545 Před 2 lety

    Muy buen video parcero, muchas gracias.

  • @maximilianojofre1864
    @maximilianojofre1864 Před 3 lety

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

  • @lautarosiragusa2125
    @lautarosiragusa2125 Před 2 lety

    sos un crack , muy claro, segui asi

  • @pavelsanchez4525
    @pavelsanchez4525 Před 3 lety +2

    perfecto pana me encanto, nuevo sub :)

  • @jonathanfernandocastillo8374

    excelente video gracias bro

  • @Pluswebss
    @Pluswebss Před 2 lety

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

  • @CreativeDesignPE
    @CreativeDesignPE Před 4 lety +1

    wonderful! you explain very well

  • @diegofernandomojicamanriqu3939

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

  • @set_xd4100
    @set_xd4100 Před rokem

    Gracias

  • @BlackAnimator
    @BlackAnimator Před rokem

    Excelente video👏👏👏

  • @Ana-zx6ej
    @Ana-zx6ej Před rokem

    genial, re bueno el tuto

  • @alangarcilazo3367
    @alangarcilazo3367 Před 3 lety

    Genio!!!!! muchas gracias!

  • @facundogarcia6811
    @facundogarcia6811 Před 2 lety

    Genio Totalmente

  • @Andres-wq6cz
    @Andres-wq6cz Před 3 lety

    gracias

  • @albertsibrian5244
    @albertsibrian5244 Před 2 lety

    Más claro imposible

  • @carlosmata2601
    @carlosmata2601 Před rokem

    Excelente video

  • @CristinaArela-zq5ds
    @CristinaArela-zq5ds Před 2 měsíci

    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

  • @MirlonyDex71
    @MirlonyDex71 Před 2 lety

    Video 10/10, gracias crack :D

  • @yonaalbino
    @yonaalbino Před rokem

    Genio de video

  • @eduardosirtori5678
    @eduardosirtori5678 Před rokem

    Graciaaaaaaas!

  • @josemartinezflorez5230

    super video 👍

  • @OrlandoG.Sanchez
    @OrlandoG.Sanchez Před rokem

    A PERSONAS COMO TU NECESITO EN MI VIDA

  • @AngelMartinez-mc8iz
    @AngelMartinez-mc8iz Před 11 měsíci

    Buenisimo.

  • @nicolasriopedre2319
    @nicolasriopedre2319 Před 2 lety

    Un genio

  • @alanvillanueva3060
    @alanvillanueva3060 Před 2 lety +1

    Gracias hermano, me ayudaste bastante

  • @ezealeman3179
    @ezealeman3179 Před 3 lety

    muy buen video

  • @fernandohernandezortela6881

    Maestrazo!!!

  • @emanuel1526
    @emanuel1526 Před 4 lety +1

    BUENIIIISIMO

  • @alonsoconstantine8080
    @alonsoconstantine8080 Před 3 lety +1

    Buen video.

  • @Nodoubthost
    @Nodoubthost Před 11 měsíci

    sos un capo

  • @davidmateos8229
    @davidmateos8229 Před 3 lety +1

    gracias tiooooo

  • @Marcos-ib3be
    @Marcos-ib3be Před rokem

    Gracia loco, no entendia las animaciones pero ya si JAJAJ

  • @pepibusato8402
    @pepibusato8402 Před 3 lety +1

    Crack!

  • @Ibcss
    @Ibcss Před 3 lety +1

    Te necesito como tutor loco

  • @faustovii1085
    @faustovii1085 Před rokem

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

  • @SKH22536
    @SKH22536 Před 11 měsíci

    Gracias dios.

  • @luiscalcurian7431
    @luiscalcurian7431 Před 3 lety +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.

  • @luciofex8353
    @luciofex8353 Před 3 lety +1

    👍💀👍

  • @jonathanzegarra5233
    @jonathanzegarra5233 Před 2 lety

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

  • @pavo_1042
    @pavo_1042 Před 2 lety +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 Před rokem

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

  • @komuisam6549
    @komuisam6549 Před 3 lety

    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

  • @Henry_Nunez
    @Henry_Nunez Před 2 lety

    👏👏👈

  • @dantes6647
    @dantes6647 Před 2 lety +1

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

  •  Před 4 lety

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

    • @jhonny-5025
      @jhonny-5025 Před 3 lety +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!!!

  • @SebaSebonn
    @SebaSebonn Před 3 lety +1

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

  • @eduardoarce1411
    @eduardoarce1411 Před 2 lety

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

  • @lalopotter23_
    @lalopotter23_ Před 2 lety

    y si quiero que se conserve la ultima animacion?

  • @OnMyMind180
    @OnMyMind180 Před 3 lety

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

  • @luismaestro23
    @luismaestro23 Před rokem

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

  • @williamlugovalera5651
    @williamlugovalera5651 Před 2 lety

    Que sitio web usas para crear css?

  • @noctisz8561
    @noctisz8561 Před 3 lety

    ando buscando animacion en diagonal !!

  • @mateolabriola2390
    @mateolabriola2390 Před 3 lety

    puedo hacer lo mismo con una imagen?

  • @lanchothenotorious1925

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

  • @gerardoescobar7121
    @gerardoescobar7121 Před 3 lety +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 Před 3 lety +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 Před 10 měsíci

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

  • @Nicolas-us4qi
    @Nicolas-us4qi Před 3 lety

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

    • @pavelsanchez4525
      @pavelsanchez4525 Před 3 lety

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

  • @Nicolas-us4qi
    @Nicolas-us4qi Před 3 lety

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

  • @moisescamacho7364
    @moisescamacho7364 Před 3 lety +2

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

  • @danielsegura8726
    @danielsegura8726 Před 3 lety

    gracias