Как вернуть CSS3 анимацию, когда убираешь курсор?

Question

[hax0r :3]

Ну вопрос я думаю всем понятен, как вернуть анимацию когда убираешь курсор с элемента?

Извиняюсь что то я забыл анимацию выкинуть)

.animated {
     -webkit-animation-duration: 0.3s; 
    animation-duration: 0.3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

Answer 1

[Ваге]

Не надо извинятся вот код ты также можешь добавить что хочиш в селекторе :hover
Я создал блог с помощью <div></div> измени добавь id class..

div {
  background: red;
  width:100px;
  height:100px;
   -webkit-animation: mymove 0.3s infinite;
  animation: mymove 0.3s infinite;
}
@-webkit-keyframes mymove {
0% {opacity: 0;} 
100% {opacity: 1;} 
}
@keyframes mymove { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
/* При наведении  */
div:hover{
  -webkit-animation: mymove1 0.3s infinite;
    animation: mymove1 0.3s infinite;
}
@-webkit-keyframes mymove1 {
0% {opacity: 1;} 
100% {opacity: 1;} 
}
@keyframes mymove1 { 
0% {opacity: 1;} 
100% {opacity: 1;} 
}

Answer 2

[Станислав]

Вопрос понятен, осталось понять как вы анимацию делаете

Comments

[hax0r :3]

Все я написал, посмотри пожалуйста)

[Сергей Мельников]

fEs: из вопроса ничего не понятно, залейте пример на jsbin.com

Answer 3

[Alexander Sydorenko]

Приблизительно вот так

jsfiddle.net/wak0r1tu