Reflection 使用-webkit box reflect时,如何设置反射的不透明度?
我一直在使用Chrome中的-webkit box reflect属性,可以通过以下代码实现淡入淡出的反射(这是来自的示例代码): 问题是,我想将遮罩的不透明度设置为更精细的设置,但它似乎被rgba()阻塞了。有人能成功地获得不同级别的不透明度吗 感谢您的帮助,谢谢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
-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)));