为什么css谷歌有自己的一套样式比如grayscale

html-css018

为什么css谷歌有自己的一套样式比如grayscale,第1张

css谷歌有自己的一套样式比如grayscale。greyscale是css3filter里的一种属性，进行灰色滤镜。当然css3filter还有其它滤镜属性，很实用，例如：高斯模糊、调节亮度、色相旋转、饱和度等等。cssfilter这一用法允许将单个图像用于多个目的不同的图像，或者在浏览器中应用过滤器，而不是在图像编辑器中进行过滤，不会出现大小比原始图像大，从而可以更快地加载页面并减少数据传输。

既然最小支持到12px，那么就以12px为基点进行缩放，即可以使用到 css3里的一个属性：transform:scale(n),n为放大倍数。

这个属性前给-webkit-谷歌前缀，那么就可以控制字体的大小，代码如下：

<style>

p{font-size:10px-webkit-transform:scale(0.8)}

/*这里的数字0.8，是缩放比例，可以根据情况变化。*/

</style>

<p>中梦测试10px</p>

效果图：