认识transform
（1）transform的基本语法格式
transform：none | transform-functions;
（2）transform-function函数
matrix（）：定义矩形变换，即基于X和Y坐标重新定位元素的位置。
translate（）：移动元素对象，即基于X和Y坐标重新定位元素。
scale（）：缩放元素对象，可以使任意元素对象尺寸发生变化，取值包括正数、负数和小数。
rotate（）：旋转元素对象，取值为一个度数值。
skew（）：倾斜元素对象，取值为一个度数值。
认识transform
2024-08-24
62
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【8月更文挑战第24天】认识transform。
目录
相关文章
|
4月前
|
算法
数据可视化
计算机视觉
|
前端开发
今天来讲讲 scale、translate 和 rotate 这三个属性，你不会以为我是要讲的是 transform 吧？
总所周知，transform 是 CSS3 中最强大的属性之一，它有这么三个函数属性值：scale、translate 和 rotate，它们分别是缩放、位移和旋转，但是你有没有想过有这么一天它们三个
224
0
0
|
前端开发
|
图形学
|
前端开发
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient(）
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient(）
108
0
0
|
算法
transition transform
806
0
0