css随记

超出隐藏

最多显示几行，超出隐藏

.test {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;		// 有时候不要
	-webkit-line-clamp: 1;		// 展示几行
	-webkit-box-orient: vertical;
}

隐藏滚动条

隐藏滚动条（横向、纵向）

.test {
	overflow-y: scroll;
	white-space: nowrap;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.test::-webkit-scrollbar {
	display: none;
}

文字渐变

.color {
	background: linear-gradient(270deg, #3F5EFB, #FC466B);
	-webkit-background-clip: test;
	-webkit-test-fill-color: transparent;
}

反射（倒影）

.test {
	height: 100px;
	margin: 30rpx;
	-webkit-box-reflect: below 0 linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1))
}