Créez ce superbe effet PARALLAX | Tutoriel Webflow

Поділитися
Вставка
  • Опубліковано 15 лип 2024
  • 🧙 Vous commencez avec webflow?
    C'est par ici: webflow.grsm.io/ritch
    (ceci est un lien affilié, cela m'aide à continuer à faire des vidéos de qualité sur webflow!)
    👉 Lien vers la liste d'attente de ma formation:
    ritchrivia.webflow.io/academie
    Salut à tous ! Aujourd'hui, nous allons créer un effet exceptionnel sur Webflow : le parallaxe. Pour illustrer cette technique, nous adopterons un design inspiré des Vikings. Simple en apparence, cet effet est néanmoins très esthétique et offre une multitude d'applications.
    L'effet parallaxe est de plus en plus prisé dans le monde du webdesign, et grâce à Webflow, sa mise en place est un jeu d'enfant !
    Alors, commençons sans plus attendre ! Et bien sûr, si vous avez la moindre question, n'hésitez surtout pas à la poser.
    Lien cloneable: webflow.com/made-in-webflow/w...
    🌄 Image background: uploads-ssl.webflow.com/64ddf...
    🪓 Image Viking: uploads-ssl.webflow.com/64ddf...
    🛖 Image Maison: uploads-ssl.webflow.com/64ddf...
    🪨 Image Rocks: uploads-ssl.webflow.com/64ddf...
  • Наука та технологія

КОМЕНТАРІ • 19

  • @najiiiib
    @najiiiib 11 місяців тому +1

    Super contenu et belle explication. Comme d'habitude j'ai adoré 👍

    • @ritchrivia
      @ritchrivia  11 місяців тому

      Un grand merci à toi!!

  • @mehdi-hrim
    @mehdi-hrim 11 місяців тому +1

    Top! Merci beaucoup.

  • @quentin6152
    @quentin6152 11 місяців тому +1

    Super explications!!! 👌👍

    • @ritchrivia
      @ritchrivia  11 місяців тому

      Merci beaucoup 😃

  • @ceciliasantandreu7383
    @ceciliasantandreu7383 Місяць тому +1

    trop top tes videos !!
    Saurais tu faire une animation d'un texte type script et l'animé de façon manuscrite comme si l'on écrivait ? Ca serait top si tu pouvais me débloquer à ce sujet ahah ! Dans tous les cas merci! :)

    • @ritchrivia
      @ritchrivia  Місяць тому +1

      Salut Cecilia! Bien sûr je peux faire ça, très bonne idée!!
      Et merci bcp pour tes commentaires!

    • @ceciliasantandreu7383
      @ceciliasantandreu7383 Місяць тому +1

      @@ritchrivia oh top ça serait super coool ! Franchement j’aime beaucoup ta manière d’expliquer et comment tu abordes tes vidéos ! Merci à toi 🙏

  • @manigafrederic1372
    @manigafrederic1372 9 місяців тому +1

    Super tuto mais j'ai une question comment rendre l'effet applicable pour mobile, car l'image est rogné ?

    • @ritchrivia
      @ritchrivia  9 місяців тому

      Ahh, j'aurais dû expliquer pendant la vidéo!
      Tu peux changer les tailles des images en pourcentage sur mobile, ça devrait aider!

  • @fredmin5872
    @fredmin5872 5 місяців тому +1

    Merci pour ce super tuto , par contre j’essaie crée un effet parallax sur seulement des images qui sont dans des cards , elles sortent de leurs divs quand je scroll , tu aurais une solution ?

    • @ritchrivia
      @ritchrivia  5 місяців тому

      Mmmmh, peut être entouré ca dans une autre DIV avec overflow hidden?

    • @fredmin5872
      @fredmin5872 5 місяців тому

      @@ritchriviaoui , j’avais deja essayé, toujours pareil , c’est à devenir fou 😢

    • @ritchrivia
      @ritchrivia  5 місяців тому +1

      Rahhh dommage 😅! Peux tu m'envoyer le lien que je check ça?

    • @fredmin5872
      @fredmin5872 5 місяців тому

      @@ritchrivia impossible de partager un lien 🥲

    • @fredmin5872
      @fredmin5872 5 місяців тому

      @@ritchrivia en faite je m'entraine à refaire le site d'un restaurant à cannes qui s'appelle "la libera", j'ai reussi à faire la hero section mais l'effet sur l'image de la 2 eme section , j'ai du mal . Si tu a 5 mn , ça serait genial de savoir ce que tu en pense!