Как соединить вместе два фрагмента CSS ⇐ CSS

[Anonymous]

Я использую конструктор Cornerstone Themeco Active X и хотел придать звездочкам в обзоре эффект мерцающего золота. Это было достигнуто путем добавления класса и некоторого CSS, поэтому я хотел анимировать это, однако из-за использования встроенной анимации все работало рывками и не работало плавно. Как мне структурировать свой CSS, чтобы все это делалось в одном классе? Вот два фрагмента CSS, над которыми я хотел бы поработать:
Shimmer CSS

Код: Выделить всё

.css-selector-star-gold {

background: linear-gradient(270deg, #eede5e, #dbbb0f, #f3f2e7, #ddcd4c, #eede5e);
background-size: 1000% 1000%;

-webkit-animation: GoldGradiant 8s ease infinite;
-moz-animation: GoldGradiant 8s ease infinite;
animation: GoldGradiant 8s ease infinite;
}

@-webkit-keyframes GoldGradiant {
0%{background-position:0% 11%}
50%{background-position:100% 90%}
100%{background-position:0% 11%}
}
@-moz-keyframes GoldGradiant {
0%{background-position:0% 11%}
50%{background-position:100% 90%}
100%{background-position:0% 11%}
}
@keyframes GoldGradiant {
0%{background-position:0% 11%}
50%{background-position:100% 90%}
100%{background-position:0% 11%}
}

Эффект масштабирования при прокрутке

Код: Выделить всё

     animation: StarScale 2s ease 0s 1 normal forwards;
@keyframes StaScale {
0% {
transform: scale(0.5);
}

100% {
transform: scale(1);
}
}

Как мне соединить их вместе?
Я попробовал сложить CSS, но анимация работает, а мерцание — нет?
Как бы мне связать их вместе?
Я попробовал сложить CSS, но затем анимация работает, а мерцание — нет?
Как бы мне связать их вместе?
Я попробовал сложить CSS вместе, но анимация работает, а мерцание — нет?
п>

Подробнее здесь: https://stackoverflow.com/questions/790 ... its-of-css