CSS-趣味学

1，Div 使用css自动计算

  A，左右宽度，兼容不同浏览器

width: calc(100% - 100px);

（100px为去除其他div的宽度）

B，计算高度 

height: calc(100vh - 100px);

 

 

2，图片转为灰色

img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

<img src="test.jpg" alt="test" width="300" height="400">

3，截取图像

clip:rect(0,50px,30px,10px);