带有CSS动画的Bug

时间:2019-06-18 13:10:13

标签: google-app-maker

我正在尝试使用关键帧使用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。

enter image description here

当我检查开发人员控制台时,可以看到关键帧已被识别,但是其内容被剥离了。

enter image description here

我看着App Maker group,发现有人遇到同样的问题,但没有答案。我还查看了issue tracker,没有任何报道。在我打开问题报告之前,是否有人让它在App Maker的全局CSS中工作?

0 个答案:

没有答案