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

时间:2010-03-15 13:05:49

标签: css reflection webkit css3 opacity

我一直在使用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()上窒息。有没有人能够成功获得不同程度的不透明度?

感谢任何帮助,谢谢!

1 个答案:

答案 0 :(得分: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)));

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