html代码
- css 超出文字省略
- js判断json为空
- JavaScript反转数组实用的4种方法
- JS检查数组中是否存在某个元素
- js反转数组
- img图片和a标签在同一行的css写法
- js正则校验是否字符串为纯中文
- js数组遍历、截取、删除、元素查询
- view、div水平横向排列
- js document 增加、删除、操作节点和子节点
- js判断JSON为空
- input数字类型去掉上下箭头
- css鼠标指针cursor
- js两个时间相减得出时分秒
- Math.random()随机数四舍五入
- 使用js去除字符串内所带有空格的三种方法
- var、let与const变量声明比较
- js字符串切割split
- append和appendChild比较
- js给button添加点击事件
- 原生AJAX、XMLHttpRequest发送post表单请求
- js给input框点击回车事件
- css伪类选择器
- document移除style一个样式属性
- html2canvas如何实现滤镜效果
- html2canvas提高图片质量清晰度
- transform translate实现位移
- transform旋转rotate
- html link中的canonical
- transform缩放scale
transform缩放scale
时间：2024-01-02
css3的功能属性都比较强大，而且不会引起重排，越来越多的浏览器都在支持。而作为css3的利器之一的transform，除了translate、rotate还有scale，一共三大属性。听起名就知道是干什么的，操作也很容易，就是按比例缩放元素，语法为scale(数值)。
transform:scale(num)
一、用法
|
scale(2) |
扩大为原元素的2倍大 |
|
scale(0.2) |
扩大为元素的0.2，即缩小到0.2倍 |
|
scaleX(0.2) |
X轴，即水平横向扩大或缩小 |
|
scaleY(0.2) |
Y轴，即垂直横向扩大或缩小 |
|
scaleZ(0.2) |
Z轴，3D缩放 |