记录一些css的小效果
1、文字渐变
文字渐变
background-image:-webkit-linear-gradient(right,#38f,#58f,#98f);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
2、文本超出两行隐藏
超出两行隐藏
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
width: 100px;
3、文字颜色取反(好像兼容性不怎么好)
文字颜色取反.gif
//在父容器设置背景颜色
//在子容器设置文本颜色和添加文字取反代码
color: #fffefe;
mix-blend-mode: difference;
暂无更多，将持续更新
爱心发射biu.gif
