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

Разбираемся в CSS
Ответить
Anonymous
 Как соединить вместе два фрагмента 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»