我有一个带有大量css动画的聚合物网络应用程序，全部封装在不同的自定义元素中（使用阴影dom） .
我想添加一个禁用所有css动画的选项 . 每个组件都包含一个共享样式的css文档 .
有条件地禁用/启用所有动画而不编辑每个自定义元素的最佳做法是什么？如果我将以下css添加到共享样式的文档，则会取消所有动画：
：host * {transition：none！important}
但我想添加它以防localstorage（“disableAnimations”）为真 .
您必须编写一个遵循localStorage的行为或mixin（取决于您的聚合物版本），如果它具有您期望的值，则将css行添加到组件中 .
*,body{ transition: all 0.3s ease-in-out, width 0, height 0, top 0, left 0; }
2 回答
您必须编写一个遵循localStorage的行为或mixin（取决于您的聚合物版本），如果它具有您期望的值，则将css行添加到组件中 .