transform: matrix矩阵变形的几点说明:
- Matrix是transform的一个子集,基本语法transform: matrix(a, c, b, d, tx, ty);
- a, c, b, d是一个二维矩阵:
┌ ┐ │ a b │ │ c d │ └ ┘ tx, ty就是就是基于X和Y 坐标重新定位元素。
- tx, ty参数值在各个浏览器下有差异:
- firefox下tx, ty除了0值之外必须只用长度单位值(“px”,“em”等)或者使用百分数
- webkit和opera下tx, ty的值部门加单位或者百分数,他们就是一个数值,默认单位是px;
- IE有对应的滤镜: filter: progid:DXImageTransform.Microsoft.Matrix ,本例中可以设置M11,M12,M21,M22这四个值在ie下的效果
Transform ?Matrix(矩阵变形)演示地址:https://www.7psus5.com/tool/css3Preview/Transform-Matrix.html
我是沙发啊?学习了!—
这些属性加上干嘛。。。。
非要把CSS弄成Photoshop!?
测试一下!