Master Scroll Animations with GSAP & ScrollTrigger | Create a Stunning Website with HTML, CSS, & JS

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

КОМЕНТАРІ • 31

  • @mileslegend
    @mileslegend 7 годин тому

    amazing

  • @glennwarindu4580
    @glennwarindu4580 Місяць тому

    Damn I love how you animated the page,FYI I modified this website and changed it to a coffee shop and it came out perfectly

    • @DesignSynth
      @DesignSynth  Місяць тому

      Thank you! I'm really glad you loved the animation! That’s awesome that you modified it for a coffee shop-it sounds like a great project! I'd love to see how it turned out!

  • @Kingthai_2024
    @Kingthai_2024 6 днів тому

    Hey !! We have like the animation and the cool font you have used in this, we are searching for website's developer for my upcoming fashion startup. I will glad if u make these type for clothing brand !! 😊

    • @DesignSynth
      @DesignSynth  5 днів тому

      Thank you so much for your kind words! 😊 I'm really glad to hear that you liked the animation and the font I used. I’d be more than happy to work with you on your upcoming fashion startup's website!
      Please feel free to share the details of your requirements - whether it’s the overall style, features, or specific elements you’re looking for in your clothing brand’s website. Once I have a better idea of what you need, we can move forward with the design and development.
      You can reach me directly at razia786rb123rb@gmail.com, and we can discuss your project further. I look forward to hearing from you and collaborating on something amazing for your brand!

  • @rehanzohan-t4f
    @rehanzohan-t4f 2 місяці тому

    Superb

    • @DesignSynth
      @DesignSynth  2 місяці тому

      Your feedback means a lot. Thank you!

  • @srinathpriyankara9694
    @srinathpriyankara9694 28 днів тому +2

    how to responsive this site? please give a video

    • @DesignSynth
      @DesignSynth  25 днів тому

      Thanks for expanding my channel! I will make a tutorial on Responsive Design soon.

  • @procoder09
    @procoder09 2 місяці тому

    can we connect

  • @plackalciril
    @plackalciril 2 місяці тому +1

    Is it free to use for my personal projects?. if yes where can i get these assets?

    • @DesignSynth
      @DesignSynth  2 місяці тому

      Yes, you're welcome to use these assets for your personal projects! Assets link: drive.google.com/file/d/1VdSfkDgMY_r3pfs-w1Q2eHrZQ5xxsmxt/view?usp=sharing

    • @kazaukesuzuki
      @kazaukesuzuki 2 місяці тому

      @@DesignSynth can i have access as well for my personal use

    • @viveksaini9809
      @viveksaini9809 2 місяці тому

      Everyone tech provides code for learning but you are not providing that this is not helping for learner

    • @plackalciril
      @plackalciril 2 місяці тому

      ​@@DesignSynth Thank you so much

  • @zohaibimran7821
    @zohaibimran7821 2 місяці тому

    That's nice ☺️🙂

  • @boddushivasai
    @boddushivasai Місяць тому

    i have a one doubt sir. i want to that id="chocolate" teen when user scroll then come to next page in C shape its means curve shape first bottom right then left side please solve my doubt.

    • @DesignSynth
      @DesignSynth  Місяць тому

      Thanks for your question! If you want an element with id="chocolate" to move in a C-shaped curve as the user scrolls, you can achieve this using CSS animations and JavaScript to control the scroll event. You'll need to animate the position of the element based on the scroll progress, adjusting both the horizontal and vertical positions to create the curve.
      I'll be happy to create a detailed tutorial on this! Stay tuned for the video, and I'll walk you through the steps to create that effect. Let me know if you have more questions!

  • @CricketFanClubvm1wy
    @CricketFanClubvm1wy 2 місяці тому +1

    Bhai mast hai .
    Please source code or images dedo ..
    Please it's a request

    • @DesignSynth
      @DesignSynth  2 місяці тому

      The complete source code is available in the description. Kindly watch the entire video, and don't forget to like, share, and subscribe!

  • @mintz347
    @mintz347 2 місяці тому

    cann I make that for free? last msterial down after atermelon video bellow?

    • @DesignSynth
      @DesignSynth  Місяць тому

      I appreciate your interest in the project! While I would love to provide everything for free, I’ve set a goal of 5,000 views on the video before sharing the source code. This helps support the channel and allows me to continue creating more content. Thanks for understanding and for your support-it really makes a difference

  • @mathavan7209
    @mathavan7209 2 місяці тому

    🔥🔥🔥🔥

    • @DesignSynth
      @DesignSynth  2 місяці тому

      🔥 Thanks! Glad you liked it!

  • @zohaibimran7821
    @zohaibimran7821 2 місяці тому

    🎉🎉🎉🎉

  • @CricketFanClubvm1wy
    @CricketFanClubvm1wy 2 місяці тому

    Bhai please description mei daaldo assets.

    • @DesignSynth
      @DesignSynth  2 місяці тому

      The complete source code is available in the description. Kindly watch the entire video, and don't forget to like, share, and subscribe!

  • @Python902
    @Python902 2 місяці тому

    new hn hum to basic kha sy kre

    • @DesignSynth
      @DesignSynth  2 місяці тому

      I'm creating a basic tutorial for you, so you can get started easily. I'll share it with you soon!