yx-liu

开发经常遇到的一些样式代码做个整理

欢迎各位小伙伴们留言补充

我会每天去看的,一起来完善它吧

/* 超出换行 */
.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{
  width: 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;
}

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-09-02
  • 2021-12-13
  • 2022-12-23
  • 2021-06-02
  • 2021-12-17
  • 2021-09-07
  • 2021-09-19
猜你喜欢
  • 2021-05-29
  • 2021-09-08
  • 2021-09-10
  • 2021-07-15
  • 2022-12-23
  • 2022-12-23
  • 2021-06-27
相关资源
相似解决方案