Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何更改纸卡的高程属性?_Css_Polymer_Paper Elements - Fatal编程技术网

Css 如何更改纸卡的高程属性?

Css 如何更改纸卡的高程属性?,css,polymer,paper-elements,Css,Polymer,Paper Elements,我在我的项目中使用polymer,我想在用户悬停时在纸卡上显示阴影,但我似乎无法更改纸卡的高程属性。我如何在CSS中实现它?另外,我在polymer elements的文档中看到了animatedShadow属性,它说 将此设置为true,以在设置新z值时设置卡阴影动画 这是什么意思?我无法理解它是如何设置阴影动画的,或者我如何更改纸卡的z值,这似乎是高程属性,它表示 卡的z深度,从0到5 有几种方法可以实现这一点。最简单的方法是在悬停时覆盖“长方体阴影”属性。我们可以使用纯CSS实现这一点(注

我在我的项目中使用polymer,我想在用户悬停时在纸卡上显示阴影,但我似乎无法更改纸卡的高程属性。我如何在CSS中实现它?另外,我在polymer elements的文档中看到了animatedShadow属性,它说

将此设置为true,以在设置新z值时设置卡阴影动画

这是什么意思?我无法理解它是如何设置阴影动画的,或者我如何更改纸卡的z值,这似乎是高程属性,它表示

卡的z深度,从0到5


有几种方法可以实现这一点。最简单的方法是在悬停时覆盖“长方体阴影”属性。我们可以使用纯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属性。