2023CSS3 中的 2D 变换

 所属分类:web前端开发

 浏览:60次-  评论: 0次-  更新时间:2023-09-11
描述:更多教程资料进入php教程获得。 2D变换用于通过平移、旋转&#12...
更多教程资料进入php教程获得。

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轴的倾斜变换

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!