More control over Animations

I would like have more control over animations in both editorX and wixeditor.

Firstly, we should be able to set like a point at which animations should play, with respect to that element’s position. What I mean is that, say I added an animation to a “button”. When the user visit my site and he is scrolling down through the site even when a tiny pixel of the “button” is seen the animation starts to play. So there is a higher chance that it can play out of focus area of the user, and he can miss that animation.
What i would like to have is a slight control over the start of animation with respect to its position on screen. Lets just say i want to set it like, it should start animation when that specific element is in the middle of the screen.

Another thing i would like to see is being able to set if the animation should play again whenever a user visits a part of the page. That means we should be able to add both “animate in” and “animate out”. For instance, if there is an image that has a fade animation, i should be able to set it in a way that, whenever the user scrolls to it should fade in, and when user scrolls away from it fades out.

By having some sort of features like this, we can use the animations in a bit more creative way. Please add them as they can make a huge difference in site presentation.

Also, iam so sad that the sildeshow update is not here yet. We need site search, support for Restaurant , strikethrough text format soon. I know it still in beta, but i am tired of waiting , as i want to make some beautiful websites already!.

Thanks for reading.

2 Likes

Henlo and Happy Holidays :smiley: –I’m not part of the EditorX Team btw just an amateur user but– open 2 share some light above those matters:

I’d like some more control over animations too –and who wouldn’t– but :confused: unfortunately, this ain’t Flash (RIP) or PowerPoint, so I see perhaps unlikely that we have more animation controls since it isn’t among the most requested features by users as for now.

Regarding the button example, you can delay the animation start in both the Wix editor and EditorX by a certain amount of seconds (10 max. I think), so if the user reaches the strip (Wix) or the section (EditorX) the button is located in, it doesn’t display immediately and gets to fade in or enter with another animation in accurate time n’ place (assuming a mildly constant scroll from the viewer of course). Won’t work unequivocally if the user doesn’t keep scrolling of course and just leaves the page right there but, all I’m saying is that it could work for now, you could play with animation and delay times to get the effect you’re happy (or more satisfied) with.

About the fade-in/fade-out, I can imagine 2wo possible solutions but could be quite tricky (and one of them involves c0d1ng):

  • You could code your button (or item) right within the Corvid activating the DevMode and using the wix-Animations module from the Wix API . As I’ve understood so far, you can set a fade out effect in the Timeline for items to disappear; now , wherever it animates when exiting the viewport depends on other matters that are beyond my comprehension (I’m also not a Corvid expert) but conditionals might do the trick; if u choose this one you could ask for some help in the Corvid Forum .

  • This one has the advantage of #nocode and no animations –so it could even run a bit faster– but depends on your site’s general design: if your site’s mostly monocrome or bicrome (or just plain colors) you could add gradients that go from the color of your background to a full transparency. The trick here is that Wix also doesn’t support color gradients nor it has for as long as I remember (and I’ve been user loong time) so you’d have to make these gradients in another design program (such as PhotoShop or Lunacy), export them as images (make sure they’re really long so they can strech full-screen), add them in your site and fix each to top and to bottom of your site (possible in both Wix n’ EditorX) with zero margins. This way any items are visible in the center of the viewport and invisible (hidden underneath the gradients) when they reach either the top or the bottom.

w0w that was long v:" sorry about that lithany, let me know if u tried any of those and (if so) if they worked out
P.D. also waiting for the Slideshows to come

having an “animate in” and “animate out” would be an AWESOME and needed addition.