By: cnwtx
Interestingly, on Ubuntu with firefox, of the red ball version, the top/left was slightly smoother. With the macbook example, the translate was much smoother.
View ArticleBy: H Max
This just proves why multiple weekly visits to css-tricks/Coyierland is imperative. They address every little web nuance with scientific discipline, drilling down to accurate info time after time. One...
View ArticleBy: Nate Eagle
Did someone say my name? I’m delighted that my super-complicated radial gradients have finally been of service to mankind.
View ArticleBy: Jack
I know I'm a little late to the party, but I thought you guys might find this interesting... I'm seeing that top/left is <strong>MUCH</strong> faster in most browsers when more elements are...
View ArticleBy: Chris Francis
Just to add my findings: Chrome latest (23.0.1271.97) looks much smoother in the complex example using translate() with 1 Macbook, but most weirdly the performance <strong>doesn't</strong>...
View ArticleBy: Mathew Porter
Nice post, I have found that the latest builds of FF and Chrome are much smoother, but the fact remains that we want to move towards using lots of nice CSS3 effects, but the user’s are holding this...
View ArticleBy: Ken Newman
Careful if you use this method to animate a panel containing form elements (Firefox bug): when those elements are focus (or text inputs are typed in) the panel will move independently of any values you...
View ArticleBy: vahid
in the mac book examples the translate is very smooth and top/left is laggy for me in both firefox and chrome. how do you say top/left is smoother??
View ArticleBy: Gray
Mind. Blown. Watched Paul’s video, too, fantastic stuff. Did a project a while back that was super heavy on left/right animation, might just have to go back and update it.
View ArticleBy: Josh
In reply to Remi Grumeau. Andy, as the entire layer moves, I believe that ‘clickable area’ does move: http://jsfiddle.net/joshnh/pyagP/
View ArticleBy: Andy Griffin
In reply to <a href="https://css-tricks.com/tale-of-animation-performance/#comment-237674">Remi Grumeau</a>. Right you are. I swore I saw a demo somewhere where the thing moved on :hover...
View ArticleBy: Marco
nice tweet and post! the discussion is good and it could be expanded to other browsers, like Firefox or Opera for good C:
View Article