CSS - сброс анимации ⇐ CSS

[Anonymous]

У меня есть проблема с анимацией, созданной с использованием CSS. Все работает нормально, мне просто нужно закончить это и тип ввода для сброса анимации.$('button').on('click', function(){
var heading = $('h1').clone().removeClass();
$('h1').remove();
$('header').append(heading);
$('h1').addClass('fadein_element');
< /code>
}); < /p>
css animation < /p>
@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
enter code here

.fadein{-webkit-animation: fadein 3s ease-in ;
-moz-animation: fadein 3s ease-in ;
animation: fadein 3s ease-in ;
< /code>
Это был мой основной HTML для этой части: < /p>

WebGear
< /code>
И вот отредактированный: < /p>
input type="radio" name="radio-set" checked="checked" id="st-control-1"/>
WebGear
< /code>
Я потерялся в нем, и ничто не сбрасывает анимацию. Кроме этого, это работает нормально. Подводя итог, у вас, ребята, есть идеи, как заставить это работать? Предпочтительно с помощью HTML -кода по умолчанию ...
Изменить: публикация минимального кода, который я пытаюсь получить




Something


Happiness


Tranquillity


Positivity


WebGear










---Here goes the content---
There are just closing tags
< /code>
и css < /p>
@keyframes fadein {
0% { opacity: 0; }
100% { opacity: 1; }
}
.fadein{-webkit-animation: fadein 3s ease-in ;
-moz-animation: fadein 3s ease-in ;
animation: fadein 3s ease-in ;
< /code>
Как только я нажимаю «Радиобатовая», я хочу, чтобы мой (в данном случае ST-Panel-5) сбросил анимацию. Любая из этих 5 кнопок сделает это, поэтому я считаю, что могу применить это к классу ST-Panel.

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