Поддержание окончательного состояния в конце анимации CSS ⇐ CSS

[Anonymous]

Я использую анимацию в некоторых элементах, которые установлены на непрозрачность: 0; в CSS. Класс анимации применяется ONCLICK, и, используя KeyFrames, он меняет непрозрачность с 0 на 1 (среди прочего).

К сожалению, когда анимация закончилась, элементы возвращаются к непрозрачности: 0 (как в Firefox, так и в Chrome). Мое естественное мышление было бы, чтобы анимированные элементы поддерживают окончательное состояние, переопределяя их первоначальные свойства. Это не правда? А если нет, как я могу заставить элемент сделать это?@keyframes bubble {
0% { transform:scale(0.5); opacity:0.0; }
50% { transform:scale(1.2); opacity:0.5; }
100% { transform:scale(1.0); opacity:1.0; }
}


Подробнее здесь: https://stackoverflow.com/questions/129 ... -animation