如何更改Polymer的解析动画?
问题描述:
当您为聚合物设置<body unresolved>
时,准备就绪后,该网站会在超过200毫秒的时间内褪色。 (Source)有没有办法改变这一切?减少时间,改变效果,完全删除它?如何更改Polymer的解析动画?
答
聚合物的unresolved
类定义为这样:
.unresolved {
opacity: 0;
display: block;
overflow: hidden;
}
它也设置在主体上的transition
(MDN)属性:
body {
transition: opacity ease-in 0.2s;
}
这导致全身200ms以上衰落在当它删除unresolved
从<body>
。要更改或防止此问题,请自行设置transition
属性,以便在Polymer导入下方的任何位置:
<style shim-shadowdom>
body {
transition: none;
}
</style>