关于CSS的一些零碎应用整理#

1
.menuList::-webkit-scrollbar {
2
    display:none
3
}

1
// 是给浮动元素的父元素加上
2
.floatEleParent::after{
3
    display:block;
4
    content:"clear";
5
    height:0;
6
    clear:both;
7
    overflow:hidden;
8
    visibility:hidden;
9
}

1
select {
2
    appearance:none;
3
    -moz-appearance:none;
4
    -webkit-appearance:none;
5
}

1
input::-moz-placeholder {
2
    color:#7DC0B8; font-size:16px;
3
}

1
// 从上到下 开始是#11998E 到62%开始渐变为#38EF7D
2
linear-gradient(#11998E 62%, #38EF7D);
3

4
// 渐变轴为45度，从蓝色渐变到红色
5
linear-gradient(45deg, blue, red);
6

7
// 从右下到左上、从蓝色渐变到红色
8
linear-gradient(to left top, blue, red);
9

10
// 从下到上，从蓝色开始渐变、到高度40%位置是绿色渐变开始、最后以红色结束
11
linear-gradient(0deg, blue, green 40%, red);

1
// 单行文字
2
div {
3
    overflow: hidden;
4
    text-overflow:ellipsis;
5
    white-space: nowrap;
6
}
7

8
// 多行文字
9
div {
10
    display: -webkit-box;
11
    -webkit-box-orient: vertical;
12
    -webkit-line-clamp: 3;
13
    overflow: hidden;
14
}