metr0
@metr0

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

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

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

.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; 
}
  • Вопрос задан
  • 3563 просмотра
Решения вопроса 1
vahe_2000
@vahe_2000
Не надо извинятся вот код ты также можешь добавить что хочиш в селекторе :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;} 
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
ms-dred
@ms-dred
Вечно что то не то и что то не так...
Вопрос понятен, осталось понять как вы анимацию делаете
Ответ написан
Приблизительно вот так

jsfiddle.net/wak0r1tu
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы