- 博客(5)
- 收藏
- 关注
RSS订阅原创 css渐变
渐变 、渐变指的是颜色的渐变，从一个颜色慢慢过渡到另一个颜色。渐变分两种，一种是沿着一条直线发生渐变，另一种围绕一个圆心发生渐变。线性渐变、background-image: linear-gradient(to 上/下/左/右, 颜色, 颜色, ....); /* 方向可以是左上，右下。。。也可以是一个角度deg，方向是可选项 */background-image: repeating-linear-gradient(to 上/下/左/右, 颜色 百分比, 颜色 百分比, ....); /
2022-03-07 20:58:57
219
原创 3D和动画的概念
3D、3d的效果通过需要远距离观察才能看出立体效果，因为距离太近，我们只能看出平面的2d效果，这就需要在设置3d变换效果之前，需要先设置景深：perspective: 1200px; /* 在父元素中使用,设置景深 */同时，我们还需要设置从屏幕的哪个点来观察屏幕内部的3d效果：perspective-origin: 50% 50%;对于3d的效果来讲，同样具有平移和旋转，但因为平移和旋转同样适用于2d效果，所以我们还需要告诉浏览器当前场景是在3d效果下进行的：tran..
2022-03-07 19:04:43
325
原创 2D概念应用
2D、概念、俗称2d变换，指的是基于2d平面的角度，让标签元素发生变化。例如，让盒子移动、让盒子缩放、让盒子旋转。。。平移平移是让盒子在水平方向或垂直方向进行移动。transform: translateX(像素值); /* 水平方向移动，正值向右，负值向左 */transform: translateY(像素值); /* 垂直方向移动，正值向下，负值向上 */transform: translate(水平方向像素值, 垂直方向像素值); /* 复合写法 */<sty
2022-03-07 18:52:10
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人