HTML CSS JAVASCRIPT JQUERY AI PHP SQL EXCEL LINUX C# C++ C PYTHON JAVA 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ

使用 CSS 实现 X 射线效果

cssweb developmentfront end technology更新于 2025/9/9 2:52:17

X 射线效果会将颜色深度灰度化并扁平化。

此滤镜中使用了以下参数 −

S.no
参数和说明
          1.
Xray
灰度化并平滑颜色深度。

示例

您可以尝试运行以下代码来创建 X 射线效果 −

<html>
   <head>
   </head>
   <body>
      <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Xray" />

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Xray;">CSS Tutorials</div>
   </body>
</html>

相关文章

有用资源

打印 下一节:使用 CSS 实现淡入动画效果 ❯❮ 上一节:使用 CSS 实现淡入右动画效果