三维坐标系 三维坐标系其实就是指立体空间，立体空间是由 3 个轴共同组成的 x 轴：水平向右 注意：x右边是正值，左边是负值 y 轴：垂直向下 注意：y下边是正值，上边是负值 z 轴：垂直屏幕 注意：z往外面是正值，往里面是负值（近正远负）
发布于 2024-05-20
同时使用多个转换，其格式为： transform: 移动 旋转 缩放 ...等; transform: translate() rotate() scale() ...等; 其顺序会影响转换的效果。（先旋转会改变坐标轴方向） 当我们同时拥有位移和其他属性的时候，记得要将位移放到最前面
发布于 2024-05-20
转换（tarnsform），可以实现元素的位移、旋转、缩放等效果转换（transform）可以简单理解为变形 移动：translate 2D移动是2D转换里面的一种功能，可以改变元素在页面中的位置，类似定位 transform: translate(x, y); /* 分开写 */ transfor
发布于 2024-05-20
CSS3滤镜 filter filter CSS属性将模糊或颜色偏移等图形效果应用于元素 filter: 函数(); 例如：filter: blur(5px); blur 模糊处理 数值越大越模糊，数值后面要加 px 单位 img { filter: blur(5px); }</
发布于 2024-05-20
过渡动画：是从一个状态渐渐过渡到另一个状态，经常和 :hover 一起搭配使用 transition: 要过渡的属性 花费时间 运动曲线 何时开始; transition: width .5s ease 0.5s; /* 如果想要写多个属性，利用逗号进行分割 */ t
发布于 2024-05-20
CSS3中 box-sizing 来指定盒模型，有2个值：content-box、border-box，这样我们计算盒子大小的方式就发生了变化 可以分成两种情况： box-sizing: content-box; 盒子大小为 width + padding + border 的大小（以前默认的） b
发布于 2024-05-20
1. 属性选择器 属性选择器可以根据元素特定属性来选择元素 选择符 说明 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 选择具有att属性且值以val开头的E元素 E[att$="va
发布于 2024-05-20
