这对浏览器来说是一个好消息！浏览器只需在动画开始的时候生成这个元素的位图对象，并把它传递给GPU。在这之后，浏览器无需再做任何重新布局，绘制页面以及传递位图对象的操作了，相反，浏览器可以利用GPU擅长的绘制的特点来快速的在不同的位置，旋转或缩放同一个位图对象。
设计决策
那么，是否这就意味这我们不要去缓动一个元素的高度？非也，一些情况下，这是你的设计效果的一部分，并且动画效果可以非常快的完成。也许动画的元素是孤立的，不会引起页面其他部分进行重新布局；也许该元素只是单纯的进行重绘，浏览器可以快速的完成；也许该元素很小，浏览器只需将很小的位图对象传递给GPU。
当然了，在不影响你设计的视觉效果的情况下，最好去缓动一个性能较好的CSS属性，如transform，而不是去缓动一个性能较差的CSS属性，如height。举例来说，假设你的设计中有一个按钮，当点击它的时候会出来一个菜单，试着去缓动菜单的transform属性来显示它而不是缓动它的top或height属性来达到类似的效果。
在动画上特别快的CSS属性包括：
CSS transform
CSS opacity
CSS filter （依赖于过滤器的复杂度和浏览器）
目前这个列表是非常有限的，但是随着浏览器的进步，你将会看到越来越多的CSS属性在动画中变得越来越快。另外,不要轻视当前的列表。你可能会很惊讶你能通过组合这些属性创造出许多丰富的效果。只要有创意！
