- 博客(2)
- 收藏
- 关注
RSS订阅原创 scss变量与grid布局和flex布局
html部分：div.flex-container>div.row*3>div.column*3，可以直接放到html，删除一个最后一个3然后在打上一个3，触发提示回车就可以了，我这里用的是vscode。在网上看到渡一袁老师发的一个关于grid网格的一个视频，实现鼠标悬浮在网格上的效果（如下图），悬浮所在的行和列都占用2倍的相对大小。用 .container:has(.item:nth-child(2):hover) 举例，container元素的子元素item的第2个有没有被悬浮(hover)。
2023-04-22 15:42:34
317
1
原创 less变量与背景的线性渐变
以这里的两色为例，45deg就是从左下往右上按颜色顺序渐变，颜色后可以跟渐变的距离，px和%都可以，这里的bg1 后的 20px 就是从左下往右上20px都为纯的bg1的颜色，20px之后开始bg1和bg2的渐变，但是给第二个颜色设置小于或等于20px，这种无法渲染，所以就会出现清晰分界线。还可以传递不同的颜色，通过行内style，"--bg1:red"，@bg1: var(--bg1, #999933)，不传递时候使用后面的颜色，var()在css都可以使用，不是less的语法。
2023-04-14 11:49:34
426
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人