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

結合 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中文網其他相關文章！