translate 和 translate3D 的区别
不定时更新 1.translate3D 可以调用GPU进行3D加速 2.translate 因为是 2D 移动，所以不能调用GPU进行3D加速 3.translate3D 可以在一个 z-axis （Z轴） 方向进行移动，正值会感觉元素离你更近，负值会感觉更远，不像translate只能平移 ...
原文：CSS3 translate3d 常用相关属性
transform: translate d px, , rotateY deg rotateX deg rotateZ deg x轴偏移 px xyz三个轴线各旋转 度 rotateX 沿着屏幕横向轴旋转 rotateY 沿着屏幕竖直方向轴旋转 rotateZ 沿着屏幕垂直方向轴旋转 transform style: preserve d 让转换的子元素保留 D转换： transform ori ...
2017-10-14 17:14 0 9233 推荐指数：
相关推荐
transform translate3d导致字体模糊
当元素进入GPU中渲染时，在Chrome35+中的字体为grayscale渲染，IE11和FF30保持sub-pixel渲染不变。若transform值函数(如translate3d(), scale(), rotate()等)中的参数为非整数，会导致字体模糊。 ...
CSS3 常用属性
1------border-radius （盒子圆角 border-radius ：border-radius:5px 4px 3px 2px; 左上，右上，右下，左下 2--- ...
CSS3的2D 转换——旋转，缩放，translate()，skew()，matrix()
2D转换方法：在平面对元素进行旋转，缩放，移动，拉伸。 ㈠浏览器支持 ⑴2D转换效果有以下的浏览器支持： ⑵在编辑代码的时候要注明用哪种浏览器打开，在前面加上前缀，下面是编辑器的简写形式，以及前缀名： ㈡ transform 属性 ⑴rotate() 进行 ...
CSS3 transform 属性详解(skew, rotate, translate, scale)
写这篇文章是因为在一个前端QQ群里，网友 “小豆豆” （应他要求要出现他的网名......） ，问skew的角度怎么算，因为他看了很多文章还是不能理解skew的原理。于是，我觉得有必要写个博文，帮助那 ...
css3常用动画大全：translate、scale、opacity、rotate
/* animation */ .a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation: ...
CSS3动画相关属性详解
一、2D效果属性 要使用这些属性，我们需要通过transform，并且，为了保证兼容性，我们可能还需要添加带有浏览器内核前缀的属性，比如 -webkit-transform。 在认识属性前先知道这里的使用坐标系是怎样的，其坐标系与传统的数学坐标系不同。 坐标系简单分析 ...
CSS3动画相关属性详解
本文转载于：《https://blog.csdn.net/lyznice/article/details/54575905》 一、2D效果属性 要使用这些属性，我们需要通过 transform ，并且，为了保证兼容性，我们可能还需要添加带有浏览器内核前缀的属性 ...