Animaciones con CSS Nativo usando el Scroll

แชร์
ฝัง
  • เผยแพร่เมื่อ 13 ม.ค. 2025

ความคิดเห็น • 41

  • @CCastillo
    @CCastillo 3 หลายเดือนก่อน +8

    Captain Dev: El navegador es tu amigo.

  • @joseluismamanicallizaya5352
    @joseluismamanicallizaya5352 3 หลายเดือนก่อน +1

    manz ese el Verdaderisimo crack, manz debe estar con la conf

  • @masterkey1616
    @masterkey1616 3 หลายเดือนก่อน +2

    No tremendo crack, Justo lo que necesitaba

  • @DanielFelipeAngel
    @DanielFelipeAngel 3 หลายเดือนก่อน

    Carmen es la mejor, Que crack! Midu gracias por estos contenidos

  • @JuanMartinRuiz
    @JuanMartinRuiz 3 หลายเดือนก่อน +5

    suerte con Safari 😂

  • @AlfredApan
    @AlfredApan 3 หลายเดือนก่อน +3

    Que hermosa mujer, pero más hermoso sus conocimientos, gracias por compartir tanto midu

  • @alisterwh
    @alisterwh 3 หลายเดือนก่อน +3

    Instafan de Carmen, por todo

  • @danykhn2244
    @danykhn2244 3 หลายเดือนก่อน +4

    Amigooooo, una locuraaaaa

  • @GerardoRojasPacheco
    @GerardoRojasPacheco 3 หลายเดือนก่อน +2

    Excelente...!!! Muchas gracias

  • @cl3on482
    @cl3on482 3 หลายเดือนก่อน +1

    esta era la parte que estaba esperando😛

  • @goezduque92
    @goezduque92 3 หลายเดือนก่อน +1

    Me gusta mucho la idea que nos dio Carmen, saludos a todos. Gracias.

  • @andreesssai
    @andreesssai 3 หลายเดือนก่อน +1

    después de la conferencia deberías hacer un vídeo sobre la animación del scroll en un slider, se ve tan potente el código que valdría la pena que le hagas un video midu, más viendo que se puede lograr con css vanilla⏰

  • @deno12dev
    @deno12dev 3 หลายเดือนก่อน +1

    BRUTAL.

  • @Karurosagu
    @Karurosagu 3 หลายเดือนก่อน +1

    cuando sirva en Firefox lo pruebo 👍

  • @gerrcass1
    @gerrcass1 3 หลายเดือนก่อน +1

    Gracias por la info. Todo bonito hasta que Can I Use dice que animation-timeline: scroll() tiene un 70.46%... valdrá la pena la espera🎉

  • @cmnweb
    @cmnweb 3 หลายเดือนก่อน +1

    jejeje tus animaciones chingonas 😎

    • @CarmenAnsio
      @CarmenAnsio 3 หลายเดือนก่อน

      hahahah gracias por darte cuenta xD

  • @DavidGarcia-jo6gj
    @DavidGarcia-jo6gj 3 หลายเดือนก่อน

    Lo de la duracion es necesaria en Firefox para que detecte la animacion como tal. Al menos en las ultimas versiones que lo he provado.

  • @CastuloFPV
    @CastuloFPV 3 หลายเดือนก่อน +1

    #TeamCarmen Go Go Go!!!!

  • @innovativatk
    @innovativatk 3 หลายเดือนก่อน +1

    yo tambien la adoro

  • @gamuro6977
    @gamuro6977 3 หลายเดือนก่อน +1

    Juego con css nativo 😮🤯

  • @raymundorodriguez6796
    @raymundorodriguez6796 3 หลายเดือนก่อน +1

    HOLA comunidad. Genial el evento lo disfrute muchísimo. Por favor si alguien sabe como obtengo la presentación y ejemplos de carmen y me ayudan a buscarlos!!!!😅😅😅😅

  • @miguelangelmadronerosequei9517
    @miguelangelmadronerosequei9517 3 หลายเดือนก่อน +1

    Como se llama el canal de ella?

  • @nicolasgonzalez7868
    @nicolasgonzalez7868 3 หลายเดือนก่อน +1

    Me encanta, pero que les digo a los usuarios de Safari y de Firefox que aún no lo soportan? Existe alguna forma de hacerlo compatible?

  • @jimenakatu1178
    @jimenakatu1178 3 หลายเดือนก่อน +1

    Las presentaciones de Carmen siempre son las mas entretenidas y las que mas disfruto

  • @FaeminoJustoFlecha
    @FaeminoJustoFlecha 3 หลายเดือนก่อน

    Platzi. Gracias 🫂🫂 por compartir

  • @adelfrieddwanetejadavargas5937
    @adelfrieddwanetejadavargas5937 3 หลายเดือนก่อน +1

    Midu e aprendido muchísimo contigo, te agradezco tanto.😭

  • @pacosgamer
    @pacosgamer 3 หลายเดือนก่อน +1

    Codepen en lugar de codilink jejeje muy buena confe

    • @CarmenAnsio
      @CarmenAnsio 3 หลายเดือนก่อน

      buhhh por mi, tienes razón, codilink le da mil vueltas

  • @juliocorbaz
    @juliocorbaz 3 หลายเดือนก่อน

    donde esta el repo ?

  • @cobianzo79
    @cobianzo79 3 หลายเดือนก่อน

    Pero dónde está el link al Codepen o Github o algo. ...

  • @snabur2201
    @snabur2201 3 หลายเดือนก่อน +2

    esa chica es muy trol XD

    • @CarmenAnsio
      @CarmenAnsio 3 หลายเดือนก่อน +1

      😝

    • @alisterwh
      @alisterwh 3 หลายเดือนก่อน +1

      Y por eso la adoramos

    • @CarmenAnsio
      @CarmenAnsio 3 หลายเดือนก่อน

      @@alisterwh 😁🥰

  • @AntonioPasasin
    @AntonioPasasin 3 หลายเดือนก่อน

    Primerooo

  • @elmoster1909
    @elmoster1909 3 หลายเดือนก่อน

    Yolo

  • @ARMAPRO
    @ARMAPRO 3 หลายเดือนก่อน +1

    El problema de las animaciones de css de hoy es su rendimiento, se tienden a pegar las paginas en microsegundos, algo parecido con el stuttering de los video juegos.

    • @danielfernando8350
      @danielfernando8350 3 หลายเดือนก่อน

      @@ARMAPRO creo que eso sucede cuando no han programado bien las cosas, quedan zombies y otros factores de una mala praxis :s

    • @ARMAPRO
      @ARMAPRO 3 หลายเดือนก่อน

      @@danielfernando8350 podrias argumentar?, porque de hecho sucedio en la practica del video de esa chica y las animaciones con css re cien se esta potenciando al nivel de js por lo que le falta mejoras sustanciales. Porfavor, que quieres decir con tu respuesta para que podamos aprender y ver tu punto de vista?, no lo tomes a mal, es solo una sugerencia porque creo que puedes contarnos mas y asi podriamos hablar de este tema tan facinante, el css igual tiene bastante potencial y lo uso a diario y puede que yo tambien no este hacieno las cosas correctas.

    • @danielfernando8350
      @danielfernando8350 3 หลายเดือนก่อน

      @@ARMAPRO no vi todo el video pero cuando ocurren problemas de rendimiento es porque hay elementos que siguen corriendo el DOM y no se estan usando. Un zombie (comunmente en el backend) es cuando un proceso ya terminó de ejecutarse pero sigue activo en la memoria y no se pueden eliminar en la ejecución. En este caso, le digo 'zombie' a que deproooonto dejaron cosas declaradas sin usarse y corren en el DOM por alguna extraña razón.
      Por ejemplo la mala praxis es cuando se declaran clases o propiedades en el CSS y que luego no se usan en el HTML, quedan ahí y eso puede generar problemas cuando el proyecto comienza a crecer.