CSS3 漸層可以使用 Alpha 透明度嗎？

Patricia Arquette

發布： 2024-12-10 09:00:20

原創

858 人瀏覽過

Can CSS3 Gradients Use Alpha Transparency?

結合 CSS3 透明度和漸變

CSS3 呈現了 rgba 和漸變功能的有趣組合。是否可以將這些功能結合在一起，允許根據 CSS 規範無縫調整 alpha 透明度的漸變？

答案：

確實，可以合併rgba 到 webkit 和 moz 漸變聲明。這是一個例子：

Webkit 漸變：

background-image: -webkit-gradient(
  linear, left top, left bottom,
  from(rgba(50,50,50,0.8)),
  to(rgba(80,80,80,0.2)),
  color-stop(.5,#333333)
);

登入後複製

Mozilla 漸變(Firefox 3.6 )：甚至Internet Explorer也使用獨特的“擴展十六進制”語法提供此功能。程式碼中的第一對代表不透明度等級：

background-image: -moz-linear-gradient(
  rgba(255, 255, 255, 0.7) 0%,
  rgba(255, 255, 255, 0) 95%
);

登入後複製

Internet Explorer 漸層：

以上是CSS3 漸層可以使用 Alpha 透明度嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

來源：php.cn

上一篇：為什麼 `h3:nth-child(1):contains(\'a\')` 不選擇第一個包含 \"a\" 的？下一篇：如何在 CSS 中垂直堆疊重疊的絕對定位元素？

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章