ByteNote LogoByteNote

Navigation

  • Blog
  • 工具

    © 2025 ByteNote. All rights reserved.

    如何用CSS实现图片黑白化?

    Sep 11, 20235 min read

    您可以使用CSS的filter属性和grayscale()函数来实现将图片转换成黑白的效果。

    HTML:

    <img src="example-image.jpg" class="grayscale-image">
    

    CSS:

    .grayscale-image {
      filter: grayscale(100%);
    }
    

    以上代码将使图片完全变成黑白,如果将grayscale()函数中的值设置为0%则不会有任何变化,设置为100%就会完全变为黑白,也可以在中间调整数值来控制黑白的程度。

    相关文章

    Skeleton Loading with Suspense in Next.js 13

    In Next.js 13, use the `Suspense` component with a `Skeleton` fallback to display a loading animation while components or data are being loaded.

    OpenAI CEO 舌战国会山推动人工智能监管

    OpenAI CEO Sam Altman 在美国参议院呼吁立法者对AI技术进行监管,建议成立新政府机构颁发许可、制定安全标准并进行独立审计,以确保AI技术惠及全社会而非少数人。

    在 Google 搜索中使用搜索结果语言过滤器。

    在Google搜索中,通过打开页面、输入关键字、点击工具栏的"语言"选项并选择语言过滤器,可以精确筛选出所需语言的搜索结果。

    群晖DS Audio播放非muisc目录的音频

    群晖DS Audio支持播放非默认音乐目录的音频文件,只需在universal search套件中配置音乐索引目录即可。

    dockerfile 时区设置代码片段

    该 Dockerfile 代码片段用于设置容器时区为亚洲/上海。