Girar Tarjeta - Flip Card - HTML / CSS (sass) :D

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

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

  • @Fritz7320
    @Fritz7320 ปีที่แล้ว +2

    directo, sin tanto chamuyo, mil gracias :)

  • @atyourcall
    @atyourcall 2 ปีที่แล้ว +2

    Después de muchos tutoriales, este me funcionó súper bien. 🤩 Gracias!

    • @frontdev3702
      @frontdev3702  2 ปีที่แล้ว

      Me alegro bastante, cualquier duda estoy al tanto, saludos Rodrigo! :D

  • @hugomachadopereira314
    @hugomachadopereira314 ปีที่แล้ว +1

    Justo lo que buscaba. gracias !!

  • @alextina
    @alextina 11 หลายเดือนก่อน

    ¡Excelente! Muchas gracias

  • @SuperMegaman17
    @SuperMegaman17 ปีที่แล้ว +1

    Muy buen video. Gracias por compartir.
    Saludos desde Colombia.

    • @frontdev3702
      @frontdev3702  ปีที่แล้ว +1

      Gracias por tu comentario SuperMegaman :D, saludos desde México!!

  • @carlosurielvillegas3904
    @carlosurielvillegas3904 ปีที่แล้ว +1

    excelente

    • @frontdev3702
      @frontdev3702  ปีที่แล้ว

      Gracias por tu comentario Carlos, saludos!

  • @antoniocortes5651
    @antoniocortes5651 2 ปีที่แล้ว +2

    I love it 😍

  • @jorgepegoraro4851
    @jorgepegoraro4851 ปีที่แล้ว +1

    Muuuuy interesante el video. Lo voy a intentar hacer en mi página si me lo permitis copiar 😊

    • @frontdev3702
      @frontdev3702  ปีที่แล้ว +1

      Adelante!! Cualquier dura estoy al tanto, saludos!

  • @franciscojaviercaballe9816
    @franciscojaviercaballe9816 ปีที่แล้ว

    muy bueno!

    • @frontdev3702
      @frontdev3702  ปีที่แล้ว

      Gracias por el comentario Francisco :D disculpa que recién responda pero he tenido harto trabajo, igual cualquier duda estoy al tanto, tratare estas más activo por acá, saludos!! :D

  • @danielmunizrocha7367
    @danielmunizrocha7367 ปีที่แล้ว +1

    Muy buen tutorial!,
    Tengo una pregunta, como puedo hacer, para obtener el mismo efecto pero despues de darle click?, lo que quiero lograr es una clase de memorama

    • @frontdev3702
      @frontdev3702  ปีที่แล้ว +1

      Gracias Daniel :D . . . respecto a tu duda, podrias hacre una clase .active la cual tengo los mismo atributos css que el estado :hover y con js podrias setear esa clase al elemento una vez se le de click. Saludos!

  • @unepetiteanne
    @unepetiteanne 2 ปีที่แล้ว

    hi! how can I add one card (4 in total) in the row ???

  • @junster80
    @junster80 ปีที่แล้ว +1

    buenas amigo, me sirivio mucho tu aporte pero me gustaria saber como podria convertir eso a una especie de slider pero sin perder la animacion de flip card, te agradeceria tu ayuda

    • @frontdev3702
      @frontdev3702  ปีที่แล้ว

      que tal junster80, hice esto de manera rapida usando swiperjs, espero te sea de utilidad: codepen.io/Css_B/pen/JjxrJvE, saludos!! cualquier duda quedo al tanto :D

    • @junster80
      @junster80 ปีที่แล้ว

      @@frontdev3702 Uff amigo no sabes la que te debo, muchisimas gracias :3 bien merecido tienes mi sub

  • @matiassanchez7706
    @matiassanchez7706 2 ปีที่แล้ว +1

    Genia, y para hacerlo responsive?

    • @frontdev3702
      @frontdev3702  2 ปีที่แล้ว

      para el tema del responsive se podrían acomodar las tarjetas de manera vertical agregando la propiedad flex-direction: column al elemento .cards-grid y aplicando una media query, solo ten en cuenta que para movil no es posible aplicar el :hover . . . Saludos :D

  • @santiyelmini
    @santiyelmini 2 ปีที่แล้ว +1

    muchas gracias (:

  • @danielarturo6861
    @danielarturo6861 ปีที่แล้ว +1

    Pasa código

    • @frontdev3702
      @frontdev3702  ปีที่แล้ว

      Aqui lo tienes :D codepen.io/Css_B/pen/XWVOEmv saludos Daniel!