4 ms·
I have done some development with CSS transitions/animations (see http://www.blackvostok.com/test/ http://www.blackvostok.com/test/ in Safari under Snow Leopard
by duopixel 16y ago
I have done some development with CSS transitions/animations (see http://www.blackvostok.com/test/ http://www.blackvostok.com/test/ in Safari under Snow Leopard) and I absolutely love the smoothness hardware acceleration provides. It's really simple once you understand it's just an interpolation between two states.
Edge seems to solve a pet peeve I have with CSS Transitions: chaining animations is a drag. You gotta listen when the animation is over to fire the next one. A couple of them and your head will explode.
That said, I have encountered some stumbling blocks which Edge can't resolve:
1. No frame by frame animation. Imagine you have a large jpeg with all the frames of a video, you place it as the background of a fixed size container, and then change the background position every x milliseconds. This could be an interactive version of an animated gif, but it just can't be done with css animations. The frames slide from each frame to the other.
2. Unless your target platform is webkit under iPhone/iPad you're out of luck with the hardware accelerated 3d transitions.
3. There are no animations along a path, even though you can kinda fake it by changing the rotation origin. To be honest I think this belongs more to canvas than to CSS transitions.