用动画向左扩展div会导致“抖动”

动画向左扩展div会导致“抖动”是因为在动画过程中，div的宽度会不断增加，而浏览器会根据div的宽度变化来重新计算页面布局，这个过程可能会导致页面的重新渲染，从而导致抖动的效果。

为了解决这个问题，可以采用以下方法之一：

1. 使用CSS的transform属性：可以使用CSS的transform属性来实现动画效果，而不改变元素的布局。例如，可以使用transform: scaleX()来实现水平方向的缩放动画，而不会导致抖动效果。
2. 使用CSS的position属性：可以将div的position属性设置为absolute或fixed，这样div的扩展过程不会影响其他元素的布局，从而避免抖动效果。
3. 使用CSS的will-change属性：可以使用CSS的will-change属性来告诉浏览器该元素将要发生变化，从而优化浏览器的渲染过程，减少抖动效果的出现。
4. 使用requestAnimationFrame方法：可以使用JavaScript的requestAnimationFrame方法来实现动画效果，该方法会在浏览器下一次重绘之前执行，可以更加平滑地实现动画效果，减少抖动的出现。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS：提供了丰富的CSS特效和动画效果，可以帮助开发者实现各种动画效果，避免抖动问题。详细信息请参考：腾讯云CSS
• 腾讯云Web+：提供了一站式的Web应用托管服务，可以帮助开发者快速部署和管理网站，包括动画效果的实现。详细信息请参考：腾讯云Web+

请注意，以上提到的腾讯云产品仅作为示例，实际上还有其他云计算品牌商提供类似的产品和服务。