Jump to content
Search Community

Samsky

Members

  • Posts

    16

  • Joined

  • Last visited

 Content Type 

Posts posted by Samsky

    HOW TO CREATE THIS SLIDER

    in GSAP

    Posted

    Thanks osublake

    could you please recommend some sources and courses where I could grasp and learn more about Gsap, 

    I honestly feel like a noob everytime I have to ask for to solve a simple problem.

     

    thanks again 

     

     

    animate floating elements

    in GSAP

    Posted

    On 2/4/2021 at 10:42 PM, ZachSaucier said:

    Hey Samsky. It's just translating, rotating, scaling, and fading some images. Using dev tools on that site you can see that they are using GSAP and Pixi.js to render it (likely for performance reasons). 

     

    Is there a particular part of it that you're having trouble with?

    Thank you Zach for your fast reply. you guys always reply fast. that's why I love Gsap. one always gets help when stuck. 

    I'll try out the pen posted here and will be back for more. good day to you all.

    • Like 1

    animate floating elements

    in GSAP

    Posted

    Hi people of gsap,

    how are you doing ? and hope your'e all doing well.

     

    Could you please tell me how can I animate elements to float like in this following video i'm including? 

    https://streamable.com/xtrebp

     

    would be greatly appreciated. if you could just leave me the pen in the comments . 

    or give me some ideas 

    Thanks in advance

    Samsky

    full menu navigation dropdown

    in GSAP

    Posted

    20 minutes ago, mikel said:

    Hey @Samsky,

     

    You need a concrete width, animate the height and not the width and ideally with a  .from tween

      

    

// css
.nav {
    position: absolute;
    width: 100%;
    height: 100%;
    ...
}
    
// js
    
t1.from(".nav", 1.5, {
 height:'0%',
 ease: Expo.easeInOut,
 y: '0%',
 // ease: Back.easeOut
});

     

    Happy tweening ...

    Mikel

    Thank you Mikel this helps. 

    good day to you!

    full menu navigation dropdown

    in GSAP

    Posted

    19 minutes ago, mvaneijgen said:

    Hi @Samsky It is hard to understand what your code needs to do, because when disabling all javascript nothing is visible. What I would recommend is first styling everything with just CSS and placing it where in needs to end up and when that is done adding in the Javascript, right now everything is `width: 0%` and absolutely hidden which makes the CSS fight with GSAP and this doesn't have to be the case. 

     

    Also you are using a really old version of GSAP (version 2) which is much harder than the new version 3. I would also suggest taking a look at some tutorials on youtube that are of the past year of so. To name a few channels that helped me: Ihatetomatoes, snorklTV, DesignCourse and of course the Greensock channel its self https://www.youtube.com/user/GreenSockLearning

     

     

    Thank you. 

    Honestly  i'm very overwhelmed. I don't what to focus on anymore. there's too much to learn at the same time work has to be done on the side. 

    it's just too much information. 

     

    thanks for the advice!

    Horizontal scroll section how to slow scrolltrigger

    in GSAP

    Posted

    13 minutes ago, ZachSaucier said:

    What specifically isn't working? The smooth scrolling? Are you aware of Locomotive's smoothMobile option? 

    The smooth scrolling is working fine. for example if i'm using parallax to animate an element or horizontally animate it, it ain't working on mobile.

    I'm not aware of the mobile option. Could you plz post an example ?

    Horizontal scroll section how to slow scrolltrigger

    in GSAP

    Posted

    Hi Zack sorry I have another question, 

     

    After I finished working on this same project that is both using scrollTrigger and Locomotive-scroll,

     Locomotive doesn't animate anything on mobile devices, is there  a solution with scrollTrigger instead? 

     

    As you will see in my pen that I integrated both libraries as suggest by green sock. 

    I know this is a locomotive-scroll issue but maybe you know anyone who had the same problem ?  

     

    Horizontal scroll

    in GSAP

    Posted

    Hi Gsap, I love your library but I'm very new to this. 

    My question is that I'm trying to create  horizontal project as in the example in the code pen. 

    I want to use this frame and build my work on it but it dosen't seem to work.

     

    what am I missing? Do I need to be have paid membership account?  

    Greetings 

    Samsky

    See the Pen YzygYvM by GreenSock (@GreenSock) on CodePen

×
×
  • Create New...