Reflection 使用-webkit box reflect时,如何设置反射的不透明度?

Reflection 使用-webkit box reflect时,如何设置反射的不透明度?,reflection,webkit,css,opacity,Reflection,Webkit,Css,Opacity,我一直在使用Chrome中的-webkit box reflect属性,可以通过以下代码实现淡入淡出的反射(这是来自的示例代码): 问题是,我想将遮罩的不透明度设置为更精细的设置,但它似乎被rgba()阻塞了。有人能成功地获得不同级别的不透明度吗 感谢您的帮助,谢谢 -webkit-box-reflect: below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0

我一直在使用Chrome中的-webkit box reflect属性,可以通过以下代码实现淡入淡出的反射(这是来自的示例代码):

问题是,我想将遮罩的不透明度设置为更精细的设置,但它似乎被rgba()阻塞了。有人能成功地获得不同级别的不透明度吗

感谢您的帮助,谢谢

-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渐变(线性,左上,左下,from(透明),颜色停止(0.5,透明),to(rgba(255,255,255,0.5));}
到当前页面,Safari变慢了。
-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)));