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

问题描述 投票:0回答:2

我一直在 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)
  );

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

感谢任何帮助,谢谢!

reflection webkit css opacity
2个回答
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)));

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


0
投票

是的,这也发生在我身上......但是代码在chrome上运行良好......我不明白发生了什么

© www.soinside.com 2019 - 2024. All rights reserved.