我正在尝试使用关键帧使用CSS来实现加载动画。示例代码为here
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.animated-background {
animation-duration: 1.25s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: darkgray;
background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
height: 100px;
position: relative;
}
尽管如此,当我将css代码放入App Maker的全局css中时,将其应用于任何小部件/元素时将无法使用。奇怪的是,如果我将css放入css文件并将其用作外部css,那么它将起作用!
我正在尝试将此动画添加到水平面板小部件中,并在属性编辑器中使用 styles 应用CSS。
当我检查开发人员控制台时,可以看到关键帧已被识别,但是其内容被剥离了。
我看着App Maker group,发现有人遇到同样的问题,但没有答案。我还查看了issue tracker,没有任何报道。在我打开问题报告之前,是否有人让它在App Maker的全局CSS中工作?