常用css总结

多行省略号

1、单行

.line-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

2、多行

.line-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

毛玻璃效果

backdrop-filter: blur(4px);
background-color: rgba(255, 255, 255, 0.5);