Tag Info

New answers tagged

0

I believe it is just a cut down version of the full animation, which is much longer. The dots slide in horizontally from the right, do two full loops and then slide out horizontally to the left. They probably wanted a spinner to fit in a smaller space, so just cut down the original to keep some sort of visual consistency.


1

I think they're just there to make the animation interesting Many loading icons are very boring and Microsoft might try to make it less boring by changing amount and speed


0

It appears to be a deliberate variation of the standard spinner graphic. Most of the time these spinners are baked in as animated GIFs or something similar instead of being dynamically animated on the fly. They chose to start the animation with a single dot, probably to create a gradual appearance on the screen. Because the animation starts with a ...


0

If it's a standard animation, use the terms from the Javascript or CSS library the developer is working with. If the animation is not covered in the library lexicon, you could look for similar animations in one of the many styleguides, for example, iOS ...


2

A good way? No. Any verbal or text description will be open to interpretation. Methods that could work would include front end prototyping and/or pair programming.


0

If you are trying to communicate with a developer, you might look to the documentation of whatever they are using to code the animations. For example, you could describe CSS animations in terms of keyframes, repetitions, timing, delay, etc. I've always preferred to prototype. Using something like Axure or Hype Studio, you can approximate many animations. ...


1

Maybe you could try this: http://mynameismatthieu.com/WOW/index.html It's a .js library that works together with animate.css Animation starts when user scrolls to the animated element. For me it's an easy solution, also works smooth.



Top 50 recent answers are included