Bigtreat
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Bigtreat
-
-
5 minutes ago, Shaun Gorneau said:
It's a bit tough to understand the issue you're facing. I'm going to try to break it down to see if I understand correctly.
You have an environment where the HTML author can determine the speed and direction of a slide's movement both onto and off of the viewing area. I'm assuming with data-attributes on the slide element ... example
<div class="slide" data-direction="left-to-right" data-slide-speed=".5"></div>
If the user has a faster timing on the out-slide than that of the in-slide, there will be a noticeable separation of the two while they both tween to their new positions.
Am I understanding correctly?
Yes You are correct
-
Hi , guys i create a slider , in which i am first
check out the attachment , the problem is with my slideout , my first slide animation is from top to bottom and second slide animation is bottom to top ,
user can decide the slide animation duration through html , the problem is with slide out animation
there is a gap between slides , if user not set the same animation speed for slide in and slide out
, i check out revolution slider , then i noticed there is no slideout animation option which user can set ,
so how its work ?
how revolution slider slideout the animation ?? please help me to complete my slider
https://www.themepunch.com/revslider-doc/slide-animation/
-
19 hours ago, PointC said:
Hi @Bigtreat
We'd ask that you please not request help from members through the private message system. It's best to keep all the questions and answers in the public thread so others can follow along and learn too. If you want to contact a member about hiring them, then certainly reach out via PM.
I know @Sahil gave you some solid advice about getting started here:
Have you gone through the learning page here?
https://greensock.com/learning
The blog also has wonderful articles to help you get a better understanding of GSAP.
You can also use the forum search feature (upper right) to find threads talking about the parallax effect. (We've had several.)
We don't have the resources to take you through an entire project from start to finish so we ask that you get something started and post a specific GSAP related question when you get stuck. Simplified demos will get you the best answers. We're always happy to help with GSAP related questions and problems.
Thanks.
Ok but i am asking for help here , please see and reply
-
21 minutes ago, Bigtreat said:
please check your message box , i send you a PM to you
Ok can you please teach me how to create parrllax effect to slide image + a div inside the slide both
user can set percenteage of parralax like 10% , 15% so on...
https://revolution.themepunch.com/parallax-scroll/
and thanks for your help , its really help me a lot , just help me with this
, i know lots of js plugins available but i want to know how to create with gsap
thanks again
-
5 minutes ago, Shaun Gorneau said:
My original post was a starting point for you to recreate the slide transition with GSAP. With that, my question would be ... are you looking to learn how to create something like the Box Slide transition or are you looking for someone to create it?
please check your message box , i send you a PM to you
-
12 minutes ago, Shaun Gorneau said:
Trick for something like the Slide Boxes example is to break up the image (or container with background-image applied) into subdivisions each with the original image applied as a background with the background positioned to present a seamless (an indiscernible at the start) mosaic.
Here is an example I made to show this in a post quite a while back ... the idea could be applied to a greater number of sections both vertically and horizontally (or both).
Edit: One thing I forgot to mention ... I made this configurable with html data-attributes. So there is a bit of preTweening logic to get those attribute values and calculate the necessary property values for the tween.
but its not the same as slide box , you can see the box has its own width and height , the slices not taking full width , i hope you understand
-
Please check the demo and play the slider by clicking next arrow, and box slide animation is on 11 or 12 slide ,
please tell me how i can create it with gsap , because its already created on gsap thanks
https://revolution.themepunch.com/unlimited-transitions-slider/
See the Pen by unlimited-transitions-slider (@unlimited-transitions-slider) on CodePen
-
16 hours ago, Acccent said:
In your particular case you could also just call fadeuptl.seek(fadeuptl.duration()) before .kill() so that the animation is moved to the end immediately. I don't know what you're trying to achieve, but another solution could potentially be to toggle a class on the element you're animating, and have !important CSS rules in that class that will take priority over the styles set by GSAP. (Not sure if this is good practice, though.)
As a side note, saying a product sucks on that product's support forum, as your very first message, might not be the best way to get help with a particular problem – good thing the GSAP community is extraordinarily nice...
Hi @Sahil and all i try the above method which working great only when you a single tween in it , if i add , fromto, from and to tween seprately its not working
single tween which working great
See the Pen NyMveG?editors=1111 by fahimegold (@fahimegold) on CodePen
add a (To) Tween to object and its not working ,
See the Pen XZqaYg?editors=1111 by fahimegold (@fahimegold) on CodePen
-
6 hours ago, Acccent said:
I'm not sure what we should be looking for here. The software you're using just demonstrates the fade-in and fade-out animations of the various elements when you select them. Unless I'm mistaken the actual live website wouldn't behave this way, the animations would only be triggered when you ask them to via JS or maybe with something that comes built-in with that software...
I can see two things you might be trying to do, please let me know if either is correct (or if they're both wrong):
1) you want animations on several elements, and you want them to loop indefinitely without stopping when you select another element... in this case, you would just set repeat: -1 in the tween's vars, like @Sahil mentioned above.
or
2) you want different animations in each element, and you do want each animation to stop when you select another element; in that case you'd need to detect that a different element is being selected with some JS, either with a mouse/pointer event or a focus event, and when that happens you pause() the previous tween (and you can also use seek() to jump to the start or end position), and resume() the new one.
yes, i want which you mention in your second point (2), can you please provide me any codepen for that , please
and i am not able to edit the title of my post
-
9 hours ago, Acccent said:
If you edit your first post, you should be able to change the title.
Do you have a link to the particular effect you're trying to achieve? Slider Revolution does a whole lot of things, it's hard to understand exactly what you're aiming for and why you would need to remove CSS properties. (Not that you can't do it, as @Sahil and @PointC have said, it's just that you might be taking a suboptimal approach without realising
)
i am still not able to find anyway to edit the title , i go to dashboard -> my activity -> lef side menu post -> no option to edit the post
-
23 minutes ago, PointC said:
@Sahil - I think the OP is asking about styles that existed in the stylesheet before animation. So, if you set the text to red in the CSS and then animate it to green in the tween, clearProps:"all" will produce red text again. Of course, that may not have been the exact question.
Please All of You see the video , in this video i am not taking about how cool animation are playing , i am taking about when i click on layer and then when i switch to another layer of text, animations are changing, previous text layer animation are stop immediately , that i am not able to achieve even with a click of button
video files is here https://drive.google.com/open?id=1f9OUZmZ9X7pnNp1W5mDbCXw91TXEp7tA
-
Hi accent thanks for your reply, first I want to know is there any way to rename my post and let u know I want to create a slider like revolution slider in WordPress, I think I know about it you can build slides in slider editor there is a feature to start and stop animation , I also learning from them they are using. Clear and kill for Tim line lite object to stop a animation of selected text Layer but it was not working for me, any other suggestions
-
Thanks sahil, I want to know this will only remove css related to gsap animation right??
-
Hi , Guys I am new , i am trying to stop tweenlite but css transformMax3d is still there, i am creating a slider like revolution slider editor but i am not able to get how i stop the tween in editor , inline style is still there so if you stop in middle of animation(See the attachment) , element will hang in middle of the page ,
i am using . clear() , kill() , also try killall but still css there , also try clear prop all but no luck please help me as soon as possible ,
i am also interested in split text purchase but , stuck in tween ?? please help me
See the Pen OQvaxE?editors=1111 by fahimegold (@fahimegold) on CodePen
Slide in and out not working well
in GSAP
Posted
ok thats sounds great , but there is a problem in my code related to gsap , there is function name , runSlide which handle the slide in and elements in animation , which working fine and another function name finishslide which handel element out and slide out , as you can see in my file html , elements in are come in sequence and element out are going all togther why its happend i am able to understand , in finishslide function (jquery.slider.js ) ,
please take a look