# css小技巧

### grayscale 对图片进行灰度转换，允许有一个参数，可以是数字（0到1）或百分比，0% 到 100% 之间的值会使灰度线性变化。
~~~
filter: grayscale(1)
~~~

### 使用border制作各种三角形，可以写在伪元素中。
~~~
width: 0px;
height: 0px;
border-width: 0px 30px 30px 0px;
border-style: solid;
border-image: initial;
border-color: transparent rgb(255, 255, 255) transparent transparent;
~~~