transform。
（1）transform的基本语法格式
transform：none | transform-functions;
（2）transform-function函数
matrix（）：定义矩形变换，即基于X和Y坐标重新定位元素的位置。
translate（）：移动元素对象，即基于X和Y坐标重新定位元素。
scale（）：缩放元素对象，可以使任意元素对象尺寸发生变化，取值包括正数、负数和小数。
rotate（）：旋转元素对象，取值为一个度数值。
skew（）：倾斜元素对象，取值为一个度数值。
transform
2024-10-16
32
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【10月更文挑战第6天】transform。
目录
相关文章
|
3月前
|
5月前
|
前端开发
开发者
CSS进阶-2D变换：translate, rotate, scale
【6月更文挑战第15天】CSS 2D变换如`translate`、`rotate`和`scale`赋予了网页设计灵活性，无需改动HTML即可实现元素移动、旋转和缩放。本文详解这三个属性，讨论使用中的问题和解决方案，并提供代码示例。例如，`translate(50px, 100px)`平移元素，`rotate(45deg)`顺时针旋转45度，`scale(1.5, 1)`水平放大1.5倍。理解百分比、旋转中心和缩放影响，结合transform-origin和注释，能帮助开发者更好地掌握这些技巧。
66
4
4
|
6月前
|
算法
数据可视化
计算机视觉
|
前端开发
今天来讲讲 scale、translate 和 rotate 这三个属性，你不会以为我是要讲的是 transform 吧？
总所周知，transform 是 CSS3 中最强大的属性之一，它有这么三个函数属性值：scale、translate 和 rotate，它们分别是缩放、位移和旋转，但是你有没有想过有这么一天它们三个
254
0
0
|
前端开发
|
图形学
|
前端开发
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient(）
线性渐变背景 CSS linear-gradient() 函数 background-image: linear-gradient(）
122
0
0
transition transform
812
0
0