In custom elements, I've noticed different animation types and I have no idea which ones do what and which ones I should use.
Examples:
custom_(number).anim_mode: linear
custom_(number).anim_mode: pingpong
custom_(number).anim_mode: reverse
Can anyone tell me what all the animation modes are and what they all do in terms of animation?
custom_(number).anim_mode: ???
Moderators: Flumminator, Zomis
Re: custom_(number).anim_mode: ???
Just try it out with very large delay, so you can see what's going on!
The only important thing to know is that "reverse" can be added to any other animation mode to simply reverse the direction of animation frames being played, like "loop,reverse" (same as "reverse", as "loop" is the default mode) or "pingpong,reverse".
![Very Happy :D](./images/smilies/icon_biggrin.gif)
The only important thing to know is that "reverse" can be added to any other animation mode to simply reverse the direction of animation frames being played, like "loop,reverse" (same as "reverse", as "loop" is the default mode) or "pingpong,reverse".
Re: custom_(number).anim_mode: ???
This one goes through all of the frames and then freezes on the last one (1,2,3,4,4,4,4,4,4,...)
This one goes through all of the frames and then goes in reverse and then forward again (1,2,3,4,3,2,1,2,3,4,3,2,1,...)
Same goes for "pingpong2", except it repeats first and last frames (1,2,3,4,4,3,2,1,1,2,3,4,4,3,2,1,1,2,...)
This one just reverses the frame cycle, can also be combined with some others like linear, pingpong, pingpong2, loop and CE_value, so instead every animation will be starting from the last frame and then go backwards (loop,reverse: 4,3,2,1,4,3,2,1,4,3,...; linear,reverse: 4,3,2,1,1,1,1,...; pingpong,reverse: 4,3,2,1,2,3,4,3,2,1,2,3,4,3,...)
I think there was some other similar post where I explained the animation modes in more details, but I kinda forgot which one, sorry.
EDIT: Yeah, in this post [?] I tried to explain animation styles in pictures. At least some more details, I guess (?)
𒈟