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

mar*_*ike 3 css reflection webkit opacity css3

我一直在使用Chrome中的-webkit-box-reflect属性,并且可以使用以下代码实现反映(它是来自Webkit博客的示例代码):

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

问题是,我想将掩码的不透明度设置为更微妙的设置,但它似乎在rgba()上窒息.有没有人能够成功获得不同程度的不透明度?

任何帮助表示赞赏,谢谢!

Bar*_*der 10

-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)));
Run Code Online (Sandbox Code Playgroud)

这是你要找的代码吗?:)

  • 你为什么要加上呢? (3认同)