记录不常用样式

1. greyscale 实现元素转换成黑白色（灰色、置灰）

.greyscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-filter: gray;
	filter: gray;
	/* IE */
}

2. 隐藏元素可见区域

  -webkit-mask: radial-gradient(transparent 165rpx, #000 165rpx);
  /* 允许使用者通过部分或者完全隐藏一个元素的可见区域 */

3. calc() 函数 动态计算属性值

width: calc(100% - 100px);
height: calc(100vh - 100rpx) 

需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；
任何长度值都可以使用calc()函数进行计算；
calc()函数支持 "+", "-", "*", "/" 运算；
calc()函数使用标准的数学运算优先级规则；

3. 背景色覆盖的区域

  background-clip: content-box;
  background-clip: padding-box;