使用-webkit-box-reflect 时如何设置反射的不透明度？答案

【问题标题】：How can I set opacity of the reflection when using -webkit-box-reflect?使用-webkit-box-reflect 时如何设置反射的不透明度？
【发布时间】：2010-03-15 22:01:20
【问题描述】：

我一直在使用 Chrome 中的 -webkit-box-reflect 属性，并且可以使用以下代码（它是来自Webkit blog 的示例代码）实现淡入淡出的反射：

-webkit-box-reflect:
  below 5px 
  -webkit-gradient(
  linear, left top, left bottom, 
  from(transparent), color-stop(0.5, transparent), to(white)
  );

问题是，我想将遮罩的不透明度设置为更微妙的设置，但它似乎在 rgba() 上令人窒息。有没有人能够成功获得不同级别的不透明度？

感谢任何帮助，谢谢！

【问题讨论】：

标签： reflection webkit css opacity

【解决方案1】：

-webkit-box-reflect:
  below 5px 
-webkit-gradient(linear, left top, left bottom, from(transparent), 
  color-stop(0.5, transparent), 
  to(rgba(255, 255, 255, 0.5)));

这是您要查找的代码吗？ :)

【讨论】：

它不像魅力。我在当前页面添加了这个：* { -webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 0.5))); }，Safari 变慢了。