Jump to content

Shehzad Asif

  • Posts

  • Joined

  • Last visited

Profile Information

  • Gender
  • Location
    Lahore, Pakistan
  • Interests
    Front End Web Development, Web Animations

Recent Profile Visitors

1,288 profile views

Shehzad Asif's Achievements

  • One Year In
  • Week One Done
  • One Month Later

Recent Badges



  1. @artyor can you make a minimal demo of your problem. It will help us to see the code and find the problem.
  2. I tried different things but animation does not play at all. It's not as simple as it looks. Hopefully going to learn it today. Let's see what Greenosck says about it.
  3. @Oluwatobiju Judah good to know your progress. I am confused by that or missing something. Try to use "flex-wrap: nowrap" on the section you want move horizontally, that may fix layout but it is just a blind guess. Aside Note: Each time you make some changes or progress with your demo. Pls fork it and share again.
  4. @Oluwatobiju Judah As I am not familiar with react so not going to mess with it. You may find below codepen helpful. https://codepen.io/ShehzadAsif/pen/QWpPvZj?editors=1000 Regards, Shehzad Asif
  5. @OSUblake you nailed it. The best developer community I've encountered ever.
  6. Wao, I just don't find any platform like this on our planet. It's mind blowing. Thanks this is what I was looking for.
  7. Hi There I got a situation, where I am wondering if there is any way to use different durations for a tween without using ST matchmedia function inside the tween, for example I want a duration of 5sec tween on desktop and 1 sec tween on mobile as in my demo. I can do that by using ST matchmedia function but imagine I have a timeline where I only want to change duration of that timeline/ tween based on breakpoints and rest remains the same. With matchmedia I will be repeating such code just for duration changing not a dry approach. I tried to implement it through function but did not worked. Any guidance on that. Regards, Shehzad Asif
  8. Jack I got it, it's an expected behavior in that scenario. Thanks for clarification. @Cassie I agree as I used to focus on very tiny tiny details that nobody worries in the real world. I am overdoing it sometime. Thanks. I am sorry that question is not related to gsap but as an opportunity I would like to ask what platform you guys recommend for cross browser testing like lambda or what.
  9. Ok, I made a scenario that is quite similar to my situation. Here you can see that I have a pin img at desktop nothing at below 1024px. Same as above If I switch between these breakpoints you can see the content shifting that is due to that pinSpacing. https://codepen.io/ShehzadAsif/pen/KKWpyBW?editors=0110
  10. 1 -It is not related to david issue. 2- I was using chrome in incognito mode so no cache, with latest beta. 3- I found the issue, the displacement is causing due to margin of an element on desktop. I made a minimal demo for understanding. when you switch from desktop to 1024px, you will notice that window will scroll to last image instead of img-3 as it has 200vh margin on desktop and none at below 1025px. if you switch back to desktop it will go back to img-3. https://codepen.io/ShehzadAsif/pen/ExWjmbg?editors=0110 Regards, Shehzad Asif
  11. On codepen I don't see that issue, that's right. Actually I tested it on my project on localhost so may be some other code causing it, not sure. Will check and test again. One thing is that I observed that issue on a device that have both breakpoints like ipad pro, (portriat width: 1024px. landscape width: 1366px). If a device that have these both breakpoints then that issue appears to me. Other then that do not observe that issue. Just a point.
  12. @davidbwaters Good to hear that. Feel free to post your questions on the forum in future and the community will try to help around.
  13. Hi Jack I used the above beta. Resize issue is there when rotating the device (test locally on chrome dev tools).