Code前端首页关于Code前端联系我们

CSS样式abc三种方式实现灰/黑白网站

terry 2年前 (2023-09-27) 阅读数 62 #数据结构与算法

将网站整体色调改为灰黑色调。我记得回忆过去的一些日子是有帮助的。老蒋早年在博客中也提到过它的使用。我记得当时这可以通过直接编辑 CSS 来实现。因为有用户需求,所以老蒋还需要一段时间来整理一下,看看是否还有其他更好的方法。

我们可以根据当前的需要选择合适风格的CSS代码添加到自己的网站模板代码中,实现网站的灰色和黑白风格。

首先,网站黑白代码风格A


html {
-webkit-filter:grayscale(100%);
-moz-scale100 ); _filter:无;
}

这里我们可以在HEAD模板中添加代码,实现一个完整的网站。

二、黑白代码风格网页 B

html {
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit grey-filter (100)
}

同样可以添加到样式中。

三、C风格黑白代码网页

这直接修改了HEAD区域顶部的HTML。这看起来相当简单。

这里我们根据当前需要选择添加到代码中。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

热门