CSS3 中的 2D 变换

ID:13578 / 打印

css3 中的 2d 变换

2D变换用于通过平移、旋转、缩放和倾斜重新改变元素的结构。

以下表格包含了2D变换中常用的值

序号

值和描述

1

立即学习“前端免费学习笔记(深入)”;

matrix(n,n,n,n,n,n)

用于定义具有六个值的矩阵变换

2

translate(x,y)

用于在x轴和y轴上平移元素

3

translateX(n)

用于在x轴上平移元素

4

translateY(n)

用于在y轴上平移元素

5

scale(x,y)

用于改变元素的宽度和高度

6

scaleX(n)

用于改变元素的宽度

7

scaleY(n)

用于改变元素的高度

8

rotate(angle)

根据角度旋转元素

9

skewX(angle)

定义沿x轴的倾斜变换

10

skewY(angle)

定义沿y轴的倾斜变换

上一篇: 使用 CSS 为作为其父级的第二个子级的每个元素设置样式
下一篇: 如何使用 CSS 手动设置 Google 自定义搜索样式?

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。