Css 如何更改纸卡的高程属性?
我在我的项目中使用polymer,我想在用户悬停时在纸卡上显示阴影,但我似乎无法更改纸卡的高程属性。我如何在CSS中实现它?另外,我在polymer elements的文档中看到了animatedShadow属性,它说 将此设置为true,以在设置新z值时设置卡阴影动画 这是什么意思?我无法理解它是如何设置阴影动画的,或者我如何更改纸卡的z值,这似乎是高程属性,它表示 卡的z深度,从0到5Css 如何更改纸卡的高程属性?,css,polymer,paper-elements,Css,Polymer,Paper Elements,我在我的项目中使用polymer,我想在用户悬停时在纸卡上显示阴影,但我似乎无法更改纸卡的高程属性。我如何在CSS中实现它?另外,我在polymer elements的文档中看到了animatedShadow属性,它说 将此设置为true,以在设置新z值时设置卡阴影动画 这是什么意思?我无法理解它是如何设置阴影动画的,或者我如何更改纸卡的z值,这似乎是高程属性,它表示 卡的z深度,从0到5 有几种方法可以实现这一点。最简单的方法是在悬停时覆盖“长方体阴影”属性。我们可以使用纯CSS实现这一点(注
有几种方法可以实现这一点。最简单的方法是在悬停时覆盖“长方体阴影”属性。我们可以使用纯CSS实现这一点(注意:我从纸张样式GitHub repo中的样式表中窃取了此框阴影值):
纸卡:悬停{
盒子阴影:0 6px 10px 0 rgba(0,0,0,0.14),
0 1px 18px 0 rgba(0,0,0,0.12),
0 3px 5px-1px rgba(0,0,0,0.4)
}
一些内容
聚合物({
是:'可悬停卡',
});
谢谢你的回答。我试试看。我不能在纸卡上应用shadow.html吗?@ateebahmed绝对可以!我更新了答案,添加了一个直接使用shadow.html中mixin的代码示例。再次感谢!现在我明白了。mixin和纯CSS是一样的,对吧?没错;一旦使用shadow.html中定义的mixin,另一个只显式定义box shadow属性。