Apple's 3D card flipping - Webflow tutorial

Поділитися
Вставка
  • Опубліковано 25 сер 2024

КОМЕНТАРІ • 11

  • @landonvago
    @landonvago  2 роки тому +5

    At 6:24 I forgot to mention you have to set backface to hidden on both the front and back cards. You can find this setting under transforms.

    • @Solomonsta
      @Solomonsta Рік тому +4

      Bro I jut spent 20 mins pulling my hair out before seeing this

    • @candicerhea
      @candicerhea 7 місяців тому

      This comment has me DED ahhahahha. Me too. Only 10 minutes though. @@Solomonsta
      Solid tutorial though @landofweb TY

  • @lisaapers4873
    @lisaapers4873 Рік тому +1

    First tutorial that actually made me succeed in building this effect. Thanks for sharing!

    • @djnarvadez107
      @djnarvadez107 7 місяців тому

      Me too! You're a great teacher Landon

  • @margauxverdoy
    @margauxverdoy Рік тому +1

    Thanks for this tutorial ! I've copy this on my website 🙌

  • @robertkuyumdjan3011
    @robertkuyumdjan3011 Рік тому +1

    Thanks Landon. Helped a lot for clients project

    • @landonvago
      @landonvago  Рік тому

      Hope the client mind was blown

  • @nonk6441
    @nonk6441 Рік тому

    ty! i have a question, even though I set my parent element to have the child perspective be 1000, the rotated child elements are still isometric, any advice?

  • @mawrrs
    @mawrrs Рік тому

    How do you add the button trigger like the example? So it flips after the button is clicked

    • @landonvago
      @landonvago  Рік тому

      In the animations you have to select the element you want to trigger to be performed on. So the interaction would just go on the button instead of the container. Hope this helped.