Css3 文本省略|渐变路径百分比

文本省略

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;   <!-- 省略的行数 -->
-webkit-box-orient: vertical;

渐变

background: -webkit-linear-gradient(top,rgba(240,240,240,0.25) 0%,rgba(240,240,240,0) 9%);  <!-- 从上至下-->