This page is completely broken with Ghostery installed and configured to block Sift Science. I think this is partially a Ghostery bug, because it probably shouldn't be blocking Sift Science when I'm on a *.siftscience.com domain, but the page should also probably not break horribly just because I'm blocking trackers.
First, Last, Invert, and Play: a technique for animations using CSS transforms
11–15 of 15 posts
Re: First, Last, Invert, and Play: a technique for animations using CSS transforms
#12iPhone6 freezes for several seconds on the first example.
Seriously wondering what's the point, and why it's on HN??
Re: First, Last, Invert, and Play: a technique for animations using CSS transforms
#13Making these transforms can get pretty complicated once you get into different css properties. Here's the library that Paul Lewis mentions in his original post: https://github.com/GoogleChrome/flipjs
Re: First, Last, Invert, and Play: a technique for animations using CSS transforms
#14Note that this also works with position: absolute, if you want to support old browsers.
what are you suggesting positioning absolutely?
I'm guessing the parent means using top, left, bottom and right offsets instead of transforms to support the likes of IE8.
The point of FLIP, RAIL and using transforms is to reliably achieve 60FPS by avoiding repaints whenever possible and giving the browser as little work to do as possible.
Adjusting width, absolute position offets and so on, can result in frames being dropped even in newer browsers on good hardware.
I personally treat animations as a luxury. If the user's browser doesn't support transforms (IE9 required for 2D, IE10/11 required for 3D) I just keep the content displayed in a clear and normal way.
Re: First, Last, Invert, and Play: a technique for animations using CSS transforms
#15Earlier quoted context omitted.
what are you suggesting positioning absolutely?
I'm guessing the parent means using top , left , bottom and right offsets instead of transforms to support the likes of IE8. The point of FLIP, RAIL and using transforms is to reliably achieve 60FPS by avoiding repaints whenever possible and giving the browser as little work to do as possible. Adjusting width, absolute position offets and so on, can result in frames being dropped even in newer browsers on good hardwa…
Not sure I understand - changing absolute position also won't reflow parents/siblings, same as transform.