2D与3D转换css 3d 空间坐标轴 css3d空间坐标轴 2d 变形 旋转变形 将 transform 属性的值设置为 rotate(),即可实现旋转变形; rotate()本质上是将图形围绕 z 轴进行旋转; 那么rotateX()、`rotateY()就很好理解了; 若角度为正,则顺时针方向旋转,否则逆时针方向旋转; transform-origin 属性 ...zfh...大约 2 分钟前端基石CSS3
背景与渐变背景 bgckground-color 表示背景颜色; 可以用十六进制,rgb(),rgba(); padding 区域是有背景颜色的; background-image 用来设置背景图片,图片路径要写到 ur1()圆括号中,可以是相对路径,也可以是 http://开头的绝对路径 background-repeat 用来设置背景的重复模式 repeat...zfh...大约 3 分钟前端基石CSS3
边框圆角与盒子阴影边框 边框的三要素 border 属性; 线型; 1. solid 实线 2. dashed 虚线 3. dotted 点状线 边框的三要素可以拆分为小属性; 1. border-width 线宽 2. border-style 线型 3. border-color 线颜色 四个方向的边框 同样,四个方向边框的三要素也可以拆分为小属性; 去掉边框; 利...zfh...大约 2 分钟前端基石CSS3
过渡与动画过渡 transition 过渡属性属于 CSS3 特性,过渡可以为一个元素在不同样式之间变化自动添加“补间动画" 基本使用 参数 1:什么属性要过渡 2:动画时长 3:变化速度曲线 4:延迟时间 如果要所有属性都参与过渡,可以写 all; transition 的第三个参数就是缓动参数,也是变化速度曲线; 网站https://cubic-bezier...zfh...大约 4 分钟前端基石CSS3