Créez cette animation d'apple INCROYABLE | Tuto Webflow

Поділитися
Вставка
  • Опубліковано 7 лис 2023
  • Plongez au cœur de la création web et découvrez comment recréer l’animation captivante de la célèbre page Siri d’Apple avec Webflow. Apple est renommé pour son design impeccable, et la page Siri en est un exemple frappant.
    Dans ce tutoriel, nous allons explorer ensemble les techniques pour élaborer une animation "Page Load" qui s’active dès l’arrivée sur votre site Webflow. Mais je ne m'arrête pas là ! Je vous montrerai également comment assurer que cette animation reste superbe sur tous les appareils en la rendant totalement responsive.
    Restez jusqu'à la fin pour des astuces incontournables sur l'animation Webflow et la responsivité. C'est l'occasion parfaite d'ajouter une touche d'élégance Apple à vos compétences en web design !
    🔗 Liens Utiles :
    Siri: www.apple.com/siri/
    Projet clonable: apple-siri.webflow.io/
    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:
    rivia-academie.webflow.io/
    Si vous appréciez le contenu que je crée et que vous trouvez mes tutoriels et conseils sur Webflow utiles, n'hésitez pas à me soutenir en m'offrant un café ou en faisant une petite donation. Merci à tous!
    ☕️ www.buymeacoffee.com/riviaweb...
    Merci à tous d'avoir regarder cette vidéo et à bientôt !
    👨‍💻 Vous avez besoins d'un site web? ritchrivia.webflow.io/
    🚀 Rendez vous pour un appel d'introduction: calendly.com/riviastudio/intr...
    🎥 Outils:
    Camera: amzn.to/3LrInqD
    Micro: amzn.to/3qT2p62
    RGB: amzn.to/45uMsSB
    Softbox: amzn.to/3sB8BQM
    Ordinateur: amzn.to/3Plz7GT
    N'oubliez pas de vous abonner pour plus de contenus qui vous aideront à faire passer vos projets Webflow au niveau supérieur. Appuyez sur le like si vous êtes prêt à relever le défi de design et partagez vos résultats en commentaire !
    #Webflow #AnimationWebflow #DesignResponsif #TutorialWebflow #UXDesign #UIDesign #AnimationPageLoad #AppleDesign #PageSiri

КОМЕНТАРІ • 12

  • @doriantalleux1829

    super vidéo !

  • @najiiiib

    J adore un grand merci. Tu gères

  • @kilianmoussiaux3510

    Super video comme d'hab ! explications simples et précises ! J'adore !

  • @kilianmoussiaux3510

    C'est pas comme ca que ca va se passer !! 😅

  • @vanessafortin2934

    Joyeux Noël 😊 et super tuto ! j'aurai cependant 1 question, pourquoi mettre "Ease Out" dans le "Scale" lors de l'animation ?

  • @BEN-zd1ho

    bien joué ca ! qd tu change les images en version tel cac. creer une nouvelle classe Css pour les differencier avec le format pc ?