Html 聚合物&x27；s Ripple动画因<；部门>；带镶嵌阴影 原始问题

我有一个web应用程序，它包含一个

（

），其中包含大约30个

（

）。每个

都包括一个图像和一些文本。每当我点击

或

时，涟漪效果在动画开始时冻结，然后涟漪消失

当我删除

时，涟漪动画将正确地设置动画

只有在我的移动设备（运行安卓5.0的Nexus7）上进行测试时才会发生这种情况。我在桌面上没有这个问题

---

如何阻止ripple动画冻结？

我对使用

noink

不感兴趣

任何帮助都将不胜感激

---

为了澄清，这是

该div还具有以下CSS属性：

position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; bottom: 0;

如何在不导致ripple动画冻结的情况下实现这种类型的插入阴影？

<polymer-element>
  <template>
    <paper-shadow>
      <paper-ripple/>
      <span/>
      <div id="inset-shadow"/>
      <img/>

box-shadow: inset 0 -30px 50px -10px rgba(0, 0, 0, 0.2);

position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; bottom: 0;