css 常用样式

斑马纹

    &:nth-child(odd) {
      background-color: #f9f9f9;
    }

    &:nth-child(even) {
      background-color: #ffffff;
    }

超过长度不换行...替换

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

高斯模糊

filter: blur();

透明度

opacity: ; //取值  0-1

圆角

border-radiu:20px;

鼠标样式

cursor: pointer; // 小手

去掉浏览器默认样式

-webkit-appearance: none;

阴影

box-shadow:水平阴影距离  垂直阴影距离 阴影模糊距离 阴影颜色

背景图片按比例缩放，直至完全覆盖背景

background-size: cover;