以下是一些常见的 CSS 属性会引起 GPU 加速，也可能增加耗电的属性：
- transform
- opacity
- filter
- mask-image
- clip-path
- perspective
- backface-visibility
使用这些属性可以增加页面动画的流畅度和效果，但同时会增加电量消耗。对于移动设备来说，建议在使用这些属性的同时，要注意优化代码，减少不必要的 GPU 渲染，以减少耗电。
CSS中哪些属性会触发GPU渲染，增加设备能耗？
2 min read
以下是一些常见的 CSS 属性会引起 GPU 加速，也可能增加耗电的属性：
使用这些属性可以增加页面动画的流畅度和效果，但同时会增加电量消耗。对于移动设备来说，建议在使用这些属性的同时，要注意优化代码，减少不必要的 GPU 渲染，以减少耗电。