CSS div缩放

转载自https://www.cnblogs.com/cyjfighting/p/8260473.html

    name: "张三",
    value: "0"
}, {
    name: "李四",
    value: "1"
}]
var result = arr.some(function(item) {
    if (item.name == "张三") {
        return true;
    }
})
console.log(result);//result 为true时表示数组内已存在 false表示不存在

(1)translate() 方法:设置元素的移动。 
transform:translate(50px,100px);(把元素从左侧移动 50 像素,从顶端移动 100 像素。) 
(2)rotate() 方法:设置元素的旋转角度。(正值顺时针,负值逆时针)
 transform:rotate(30deg); (顺时针旋转 30 度。)  transform:rotate(-30deg);(逆时针旋转 30 度。)
(3)scale() 方法:设置元素的尺寸增加或减少。
transform:scale(2,4);(第一个x值把宽度转换为原始尺寸的 2 倍,第二个y值把高度转换为原始高度的 4 倍。)
(4)skew() 方法:设置元素翻转给定的角度,根据给定的水平线(X 轴)和垂直线(Y 轴)参数。 
transform:skew(30deg,20deg);( 围绕 X 轴把元素翻转 30 度,围绕 Y 轴翻转 20 度。)
(5)matrix() 方法:会把所有2D 转换方法组合在一起,它需要六个参数,可以将元素进行:旋转、缩放、移动以及倾斜。 
transform:matrix(0.866,0.5,-0.5,0.866,0,0);(将 div 元素旋转 30 度)

posted on 2023-02-09 09:55  苏舒  阅读(112)  评论(0编辑  收藏  举报