![为什么css谷歌有自己的一套样式比如grayscale,第1张 为什么css谷歌有自己的一套样式比如grayscale,第1张](/aiimages/%E4%B8%BA%E4%BB%80%E4%B9%88css%E8%B0%B7%E6%AD%8C%E6%9C%89%E8%87%AA%E5%B7%B1%E7%9A%84%E4%B8%80%E5%A5%97%E6%A0%B7%E5%BC%8F%E6%AF%94%E5%A6%82grayscale.png)
css谷歌有自己的一套样式比如grayscale。greyscale是css3filter里的一种属性,进行灰色滤镜。当然css3filter还有其它滤镜属性,很实用,例如:高斯模糊、调节亮度、色相旋转、饱和度等等。cssfilter这一用法允许将单个图像用于多个目的不同的图像,或者在浏览器中应用过滤器,而不是在图像编辑器中进行过滤,不会出现大小比原始图像大,从而可以更快地加载页面并减少数据传输。只是表示当前状态该样式未被调取,:visited 是选择器用于选取已被访问的链接,就是之前的链接地址已经被点击访问过了,那么这个样式才会被调取或者显示出效果来,没点击就不会调取
其实你给字体或者背景直接加一个red红色再进行操作一次,这样就会有更直观的体现
既然最小支持到12px,那么就以12px为基点进行缩放,即可以使用到 css3里的一个属性:transform:scale(n),n为放大倍数。
这个属性前给-webkit-谷歌前缀,那么就可以控制字体的大小,代码如下:
<style>
p{font-size:10px-webkit-transform:scale(0.8)}
/*这里的数字0.8,是缩放比例,可以根据情况变化。*/
</style>
<p>中梦测试10px</p>
效果图: