开发经常遇到的一些样式代码做个整理
欢迎各位小伙伴们留言补充
我会每天去看的,一起来完善它吧
/* 超出换行 */
.text-cut {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* 超出2行换行 */
.text-cut--2{
overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
/* 给div添加高斯模糊蒙版 */
.mask{
80%;
height: 100%;
background: #efefef;
-moz-opacity:0.8;
opacity:0.8;
-webkit-filter: blur(10px); /* Chrome, Opera */
-ms-filter: blur(10px);
filter: blur( 10 px);
}
.text-decoration{
text-decoration: line-through;
}