工具样式.md

网站变灰默哀

霍金去世了 很惋惜

filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);

文本两行 多余...隐藏

效果不是很理想 如果文字不够两行的话 兼容火狐的效果还是会留在右下角 谷歌的是没问题的 而且兼容火狐的背景色也是个问题

.text-line-clame-2 {
	max-height: 55px;
	line-height: 30px;
	margin-top: -4px;
	position: relative;
	overflow: hidden;
	display: -webkit-box;
	word-break: break-all;
	white-space: pre-wrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
/*火狐兼容效果*/
@-moz-document url-prefix() { 
	.text-line-clame-2:after {
		background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		bottom: 0;
		content: "...";
		padding: 0 5px 1px 30px;
		position: absolute;
		right: 0;
	}
}