CSS div缩放

CSS div缩放转载自https://www.cnblogs.com/cyjfighting/p/8260473.htmlname:"张三",value:"0"},{name:"李四",value:"1"}]va

大家好,欢迎来到IT知识分享网。CSS

转载自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 度)

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/33788.html

(0)
上一篇 2023-12-23 12:15
下一篇 2023-12-23 20:00

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信