css+transform的用法

---

正池18948419357问： CSS3中如何使元素曲线运动 - ？
巢湖市爱兴回答： CSS3中使用transform属性可实现元素曲线运动.下面介绍下transform 属性定义及其实例.1. 定义和用法:transform 属性向元素应用 2D 或 3D 转换.该属性允许我们对元素进行旋转、缩放、移动或倾斜.默认值: none 继承性: no 版本: ...

正池18948419357问： css transform - origin 怎么用 - ？
巢湖市爱兴回答： 设置旋转的中心位置,通常和设置角度一起用12 transform: rotate(45deg); transform-origin:20%40%; 像这样.20%是横轴40%是纵轴

正池18948419357问： CSS transform中的rotate的旋转中心怎么设置 - ？
巢湖市爱兴回答： 1:使用transform-origin属性 2:第一种:可以设置top、left、bottom、right;分别是元素上方,左侧,下方,右侧的中点(旋转中心) 3:第二种可以设置具体的数值,例如 transform-origin:0 0;//设置的是x轴上为0,y轴上为0,也就相当于是元素左顶点 transform-origin:10% 10%;//设置的是x轴上为10%的长度,y轴上为10%的长度具体的旋转中心点可以多写几个测试一下,原理就是以元素左侧顶点为原点,二维的话只有x轴和y轴,三维的话也会有z轴

正池18948419357问： css3 transition怎么用 - ？
巢湖市爱兴回答： transition作用是指定了某一个属性(如width、left、transform等)在两个值之间如何过渡,他包括transition-property、transition-duration、transition-timing-function、transition-delay等. 如果某一个元素指定了transiton,那么当其某个属性改变...

正池18948419357问： css中transform都支持哪些变换效果 - ？
巢湖市爱兴回答： 那你可以分成两个类.一个类单独做scale,另一个类做其它变化.需要哪个类,就加哪个类

正池18948419357问： CSS3中translate,transform和translation的区别和联系 - ？
巢湖市爱兴回答： 更正个错误:没有translation,可能你想说的transition. translate:位移,移动 比如-webkit-transform:translate(20px,30px);将元素沿x移动20px,沿y移动30px transform:变形,改变 元素的位置,形状改变都要先用到它,比如上面translate,还...

正池18948419357问： css translate() - ？
巢湖市爱兴回答： -webkit-transform是CSS3的变形属性,前缀-webkit代表着针对诸如chrome、safari之类的webkit内核浏览器起效 translate是移动属性,两个-50%代表着像原始位置向左、向上各移动50%

正池18948419357问： css3 如何单独设置某一transform 属性? - ？
巢湖市爱兴回答： 一个元素的多重transform 就像这样: -webkit-transform: rotate(360deg) scale(2); 你还可以在分号之前加上translate(1em,0),用空格隔开. 多拉A梦的Transform 在多拉A梦的CSS中的transform只用了rotate 例如#head_light中的 -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -o-transform应该是Opera有效.

正池18948419357问： CSS3中的transform 属性是会后面设定的覆盖前面的? - ？
巢湖市爱兴回答： transform:rotate(45deg) translate(500px,0); 这样写是同时应用多个(中间加个空格分开) 如果分开写,后面的会覆盖前面的

正池18948419357问： css 首字母大写怎么设置 - ？
巢湖市爱兴回答： 例如:aaaaaaaaaaaa

---