内容 Content
- Lorem ipsum dolor sit.
- Aperiam beatae odit consectetur?
- Consectetur amet repellat error?
- Cum, delectus deserunt? Magni.
- Atque illum reiciendis ut.
| item | desc |
|---|---|
| scrollbar-width | auto | thin | none |
| scrollbar-color | thumb track |
| item | desc |
|---|---|
| ::-webkit-scrollbar{} | |
| ::-webkit-scrollbar-track{} | |
| ::-webkit-scrollbar-thumb{} |
html {
scrollbar-width: thin;
scrollbar-color: #f40 #fff;
}
body::-webkit-scrollbar {
width: 8px;
}
body::-webkit-scrollbar-track {
background-color: #fff;
}
body::-webkit-scrollbar-thumb {
background-color: #f40;
}
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #f40;
}
scroll-snap-type: none | x mandatory | y mandatory | ...
scroll-snap-align: none | start | end | center
scroll-behavior: auto | smooth
clip-path: inset(length/percentage [ round border-radius ])
clip-path: circle(radius [ at x y ])
clip-path: eclipse(rx ry [ at x y ])
clip-path: eclipse(rx ry [ at x y ])
| item | desc |
|---|---|
| rx | 椭圆的长半轴；x方向半径 |
| ry | 椭圆的短半轴；y方向半径 |
| x-axis-rotation | 椭圆相对于当前坐标系旋转的角度；单位是度数 |
| large-arc-flag | 弧度选择；0：小弧；1：大弧 |
| sweep-flag | 弧线绘制方向；0：逆时针；1：顺时针 |
| x y | 圆弧终点坐标 |
glpla.github.io
广州新华学院
麻涌·东莞