摘要：
设置行间距： css：grid-row-gap：像素； css代码： <style> .box{ width: 300px; height: 300px; border:1px solid #000; margin: 50px auto; display: grid; grid-template-r 阅读全文
posted @ 2022-03-03 21:35
包歌
阅读(2022)
评论(0)
推荐(0)
摘要：
## 概念 将一个盒子划分成多个单元格，指定内容放在指定的单元格中，实现一种比较整齐的布局方式。例如：9宫格 css代码： .box{ width: 300px; height: 300px; border: 1px solid #000; /* 网格布局 */ display: grid; gri 阅读全文
posted @ 2022-03-03 21:23
包歌
阅读(182)
评论(0)
推荐(0)
摘要：
渐变：渐变指的是颜色的渐变，从一个颜色慢慢过渡到另一个颜色。渐变分两种，一种是沿着一条直线发生渐变，另一种围绕一个圆心发生渐变。 线性渐变 语法： ```cssbackground-image: linear-gradient(to 上/下/左/右, 颜色, 颜色, ....); 方向可以是左上，右 阅读全文
posted @ 2022-03-03 21:15
包歌
阅读(915)
评论(0)
推荐(0)
摘要：
定义动画： @keyframes 动画名称{ 关键帧： 百分比： {样式} } 使用动画： 复合写法 ： animation: 动画名称 动画需要的时长 速度方式 延迟时间 infinite/次数 是否反向运动 动画结束是否停留在结束位置; 单一写法： animation-name：动画名称 ani 阅读全文
posted @ 2022-03-03 21:05
包歌
阅读(368)
评论(0)
推荐(0)
摘要：
父标签： transform-style: preserve-3d; perspective: 1200px; perspective-origin: 50% 50%; 子标签： 轴平移，正数距离眼睛更近 transform: rotateX() rotateY() rotateZ() 围绕x轴旋转 阅读全文
posted @ 2022-03-03 20:51
包歌
阅读(122)
评论(0)
推荐(0)
浙公网安备 33010602011771号