Abi Rana
Members-
Posts
24 -
Joined
-
Last visited
About Abi Rana
- Birthday February 26
Contact Methods
- Personal Website
- CodePen
Profile Information
-
Location
Nepal
-
Interests
Interactive Web Development and Web Animation
Recent Profile Visitors
2,059 profile views
Abi Rana's Achievements
- Rare
- Rare
- Rare
- Rare
Recent Badges
12
Reputation
-
Build animated banner with scrollTrigger
Abi Rana replied to Vadim Volnitskyi's topic in Jobs & Freelance
Hi Vadim, so you are looking for that animations on scroll? Those image changes for each section? I can help with such animations and other web development related task, let's talk in the DM. -
Gsap observer and and scroll tirgger expert required urgent $100/hr
Abi Rana replied to adil17's topic in Jobs & Freelance
Hi Adil, I'm Abi Rana, an experienced Web Developer and my expertise lies around building very responsive and interactive websites. I see that you are looking for a GSAP expert so I'm interested to work on this. Why don't you share all the detailed requirements and let's move ahead with the conversation. And I understand you are looking for an urgent turnaround but do mention a date by when this can be done? Looking forward to your reply. Regards, Abi Rana info@abirana.com- 1 reply
-
- observer
- scroll trigger
- (and 3 more)
-
It is best we discuss this in private so I’ve sent a message, please check.
-
Looking for go-to guy/gal for my small gsap projects
Abi Rana replied to IzzyCreamcheese's topic in Jobs & Freelance
Hi there, I've sent you a DM, please check. -
Hi Nick, I'm interested to work on this and I've sent you a DM, please check
-
Looking for someone to do a scroll animation for HTML
Abi Rana replied to HarrisonAireal's topic in Jobs & Freelance
Hi there, I've sent you an email please check and let me know if there is anything. Regards, Abi Rana -
I've tried my best to help out on the Webflow forum. This time I've made the example on Webflow itself (which is very similar to his implementation) and shared the project, so this should definitely help. If you want please check Webflow post reply here https://discourse.webflow.com/t/gsap-scrolltrigger-and-textplugin-combo-issue/214046/14
-
Looking for someone to implement ScrollTrigger
Abi Rana replied to Thepaulcollett's topic in Jobs & Freelance
But if that still doesn't fix your issue or if you need more help then let me know. You can dm in private and we can discuss ahead. By the way, I do need a little flexible time. -
Looking for someone to implement ScrollTrigger
Abi Rana replied to Thepaulcollett's topic in Jobs & Freelance
I think fixing the video would do the work for you. I've encoded the video and uploaded in my Google drive, get the video and upload on your site, this should fix the issue. https://drive.google.com/file/d/1dYjhZd8SWJvCE_cDu9Xk5s1nm6eMPaml/view?usp=sharing -
Looking for someone to implement ScrollTrigger
Abi Rana replied to Thepaulcollett's topic in Jobs & Freelance
Your main issue is with video encoding, please check that first. Above codePen has also mentioned it on its code block. The encoding is super important here to enable frame-by-frame scrubbing. You should try following: ffmpeg -i ~/Downloads/Toshiba\ video/original.mov -movflags faststart -vcodec libx264 -crf 23 -g 1 -pix_fmt yuv420p output.mp4 ffmpeg -i ~/Downloads/Toshiba\ video/original.mov -vf scale=960:-1 -movflags faststart -vcodec libx264 -crf 20 -g 1 -pix_fmt yuv420p output_960.mp4 You can test with above (codePen's) video to make sure that your code is working. By the way, I've tested on your site so code is working only the video should be fixed. -
Abi Rana changed their profile photo
-
This is just how your scrollTrigger has been setup. gsap.to(".shipping-section__vertical-container", { scrollTrigger: { trigger: ".shipping-section__globe-container", start: "top top", end: "400% top", markers: true, pin: true } }); You scrollTrigger ends when it reached at the top of the viewport. So for end value you should set it for "400% bottom" like below. Just change the end value only. gsap.to(".shipping-section__vertical-container", { scrollTrigger: { trigger: ".shipping-section__globe-container", start: "top top", end: "400% bottom", markers: true, pin: true } }); By the way, you do have one separate div in the HTML with some height, I guess that is intended
-
Need a Freelancer to help with ScrollTrigger animation
Abi Rana replied to Krystian's topic in Jobs & Freelance
Hi Krystian, just checked your requirements, I understand what you need and I'd love to work on this. By the way, I need one thing to be clear; you mentioned you only need animation incorporated. So do you have the page already developed and you just need the animation work? Or does this work include the whole page development, I mean design to HTML work? If there is anything else I'd love the opportunity to discuss, we can chat on DM or via email at info@abirana.com -
Hi Kyle, I've sent you an PM please check.