css样式的过渡问题

有时我们在设置css样式时，浏览器会渲染不上去，产生这些的原因为：
1. 变换函数的个数 顺序不一致的情况下，很有可能会使过渡失效

transfrom:translateX(10px) rorate(60deg)；   //前面设置的样式
transfrom:rorate(360deg) translateX(100px)；    //后面设置的样式
//css中的样式会被后面的样式覆盖掉，这两个设置的样式顺序不一样，变化函数的顺序不一致，会使过渡失效。

1. 当元素首次加载没有结束的情况下，过渡是没有办法被触发的
   
   • 所以常使用window.οnlοad=function(){ 将其他的资源加载完之后，再执行函数体里面的逻辑}
   • 使用定时器来延迟逻辑的执行，让样式先加载完成。
2. 过渡是没有办法检测到过渡过程中的每一帧的，所以即点即停不能使用过渡来完成
   常使用Tween算法来实现