本文记录CSS相关知识。

介绍

CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。
通俗点说CSS就是让网页更好看，更炫酷。它不会影响网站为用户提供的功能。就像人们化的妆，不化妆爱答不理，化了妆个个变舔狗。网站也一样，一个色彩丰富、层次分明，有炫酷动画的网站往往会提高用户的访问量，增加知名度，并且还有利于该网站的长久生存。
前面我在开发网站时，除了用UI框架外，很少关注CSS过渡、动画之类的知识，近期在开发中，有了这方面的需求，有必要系统性的再学习一下。
这篇文章没什么顺序，主要记录一些过渡、动画或者布局方面的CSS知识。

网站灰度

body{
    filter:grayscale(1);
}

background-clip使用

在使用text属性时，需要加入浏览器兼容

div{
    background-clip:text;
    -webkit-background-clip: text;
    color:transparent;
}