Ошибка с CSS-анимацией - PullRequest
Новая
       13

Ошибка с CSS-анимацией

0 голосов
/ 18 июня 2019

Я пытаюсь реализовать загрузочную анимацию с помощью CSS с использованием ключевых кадров.Пример кода здесь 

@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 в глобальный CSS App Maker, он не будет работать при применении к любому виджету / элементу.Любопытно, что если я помещаю CSS в файл CSS и использую его как внешний CSS, то он работает!

Я пытаюсь добавить эту анимацию в виджет горизонтальной панели, и я применяюcss используя styles в редакторе свойств.

enter image description here

Когда я проверяю консоль разработчика, я вижу, что ключевой кадрраспознан, но его содержание как-то удалено.

enter image description here

Я заглянул в группу App Maker и увидел, что у кого-то такое жепроблема, но ответа пока нет.Я также посмотрел в трекере проблем и ничего не сообщалось.Прежде чем открыть отчет о проблеме, кто-то еще заставил его работать в глобальном css App Maker?

...