transition做动画卡顿問題

总结解决CSS3动画卡顿方案1.尽量使用transform做动画，避免使用height,width,margin,padding等；原因是： 根据定义，CSS 的transform属性不会更改元素或它周围的元素的布局。transform属性会对元素的整体产生影响，它会对整个元素进行缩放、旋转、移动处理。这对浏览器来说是个好消息 ！浏览器只需要一次生成这个元素的位图，并在动画开始的时候将它提交给GPU去处理 。之后，浏览器不需要再做任何布局、 绘制以及提交位图的操作。从而，浏览器可以充分利用 GPU 的特长去快速地将位图绘制在不同的位置、执行旋转或缩放处理。对于高度较慢的原因： 在动画的每一帧中，浏览器都要执行布局、 绘制、 以及将新的位图提交给 GPU。我们知道，将位图加载到 GPU 的内存中是一个相对较慢的操作。浏览器需要做大量工作的原因在于每一帧中元素的内容都在不断改变。改变一个元素的高度可能导致需要同步改变它的子元素的大小，所以浏览器必须重新计算布局。布局完成后，主线程又必须重新生成该元素的位图。2.要求较高时，可以开启浏览器开启GPU硬件加速。比如： 一、现在，像Chrome, FireFox, Safari, IE9+和最新版本的Opera都支持硬件加速，当它们检测到页面中某个DOM元素应用了某些CSS规则时就会开启，最显著的特征的元素的3D变换。.cube { -webkit-transform: translate3d(250px,250px,250px) rotate3d(250px,250px,250px,-120deg) scale3d(0.5, 0.5, 0.5);}二、可是在一些情况下，我们并不需要对元素应用3D变换的效果，那怎么办呢？这时候我们可以使用个小技巧“欺骗”浏览器来开启硬件加速。虽然我们可能不想对元素应用3D变换，可我们一样可以开启3D引擎。例如我们可以用transform: translateZ(0); 来开启硬件加速 。.cube { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); /* Other transform properties here */}在 Chrome and Safari中，当我们使用CSS transforms 或者 animations时可能会有页面闪烁的效果，下面的代码可以修复此情况：.cube { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; /* Other transform properties here */}

要看那些帧里都是什么样的内容，如果是特别大的位图或者比较复杂的矢量图，最好都调整一下。

   《NBA 2K17》中不少玩家出现一确他树叫划里吗及营了过场动画及回放掉帧卡顿的问题，那这个问题该怎么解决呢？下面小编就给大家介绍过场动画及回放掉帧卡顿问题的解决方法，一起来看看吧。
   关于个别玩家反映比赛中帧数稳定，过场渲染动画和回放掉帧卡顿的解决方法！！！！！！！！
   有很多玩家都反映以上情况，解决的方法很简单：
   首先你把游戏里的视频设置的动态垂直关闭，这样就完美解决
   如果有玩家试过还是不行，那就把垂直同步也关闭！（如果第一种不行的话其实你的显卡应该不是硬气）
   再如果还有玩家试过不行的！那你就按照以下方法：
   上图

   桌面点击 右键——NVDIA控制面板——管理3D设置
   选择全局设置旁边的程序设置，如果自定义里没有2K17，那你就自己添加2K17.EXE
   把垂直同步关闭点击应用退出即可
   再开游戏爽玩，此方法一试一个准！！没有其他方法！除非你用的是神卡610 .........
   既简单又实用！！！！
   以上就是小编给大家带来的《NBA 2K17》过场动画及回放掉帧卡顿问题的解决方法，希望对大家能有帮助！

个人是温度过高导致卡机，现在尝试游戏重装或系统重装，硬件上可以尝试拿去做清灰服务