本文介绍了CSS中的文本末隐藏技巧，包括不换行、溢出隐藏和省略号显示。接着详细讲解了2D变换，如位移、旋转、倾斜和缩放，以及如何改变变形原点。最后，探讨了3D变换，包括各种3D移动、缩放和旋转属性，提供了一系列实用案例和效果图。
一、文本末隐藏
文本末隐藏成为三个小点点，大致需要三步
第一步：把文本设置为不换行
white-space:nowrap第二步：将溢出文本进行隐藏
overflow:hidden;第三步：改为省略号
text-overflow:ellipsis我们还可以控制显示的行数
二、2D
2d功能函数：2d的位移， 2d的旋转，2d的倾斜，2d的缩放
2d的位移：transform：translate（x，y）；
transform：translateX（x轴移动的距离）
transform：translateY（y轴移动的距离）
2D的缩放： transform:scale(x,y);
x ， y 这两个参数为一个数字，大于1放大 小于1缩小
transform:scaleX();
transform:scaleY();
2d的旋转：transform：rotate（30deg）；
transform：rotateX（30deg）；
transform：rotateY（30deg）；
2d的倾斜：transform：skew（度数）；
指定x，y的倾斜
transform：skewX（度数）
transform：skewY（度数）
改变变形原点：
transform-origin：x y； 属性值：left top / center
缩放和旋转对位移的影响：
多个功能函数共同使用的情况下，尽量先写位移 后写 其他的功能函数。
我们还可以用一个组合函数：
案例：
<!DOCTYPE html>
<
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
