线性渐变必须添加浏览器私有前缀 起始方向可以是：方位名词或者度数，如果省略默认是 top background: linear-gradient(起始方向, 颜色1, 颜色2, ...); background: -webkit-linear-gradient(left, red,
发布于 2024-05-20
值 描述 value 规定不透明度，从 0.0 （完全透明）到 1.0（完全不透明） inherit 应该从父元素继承 opacity 属性的值 使用方法 div { opacity:0.5; }
发布于 2024-05-20
三维坐标系 三维坐标系其实就是指立体空间，立体空间是由 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
