Как сделать обратную анимацию?

Question

[Aladdin]

Добавил анимацию на hover, но когда убираю мышь без эффекта сразу возвращается в исходное состояние. Какой тег нужно использовать в css?

Answer 1

[Sn0wSky]

Ну Вы transition засунули в :hover скорее всего, а надо в исходный без :hover'a

Comments

[Aladdin]

так и есть, а в чем проблема?

[Sn0wSky]

Mr. Tabrest: то, что когда Вы убираете мышку со своего объекта, то transition пропадает, вместе с :hover, и анимации нет. Засуньте настройки transition просто в элемент, без :hover, тогда они будут у него всегда.

[Aladdin]

Спасибо большое

[Сергей Кореневский]

Aladdin, А что ответ не отметили правильным?

Answer 2

[Serj-One]

transition нужно присваивать самому элементу, а не его ховеру.

Comments

[Aladdin]

Спасибо большое

Answer 3

[Алексей Ярков]

.block>img {
    transition: all 1s;
    max-width: 200px;
    max-height: 200px
}

.block>img:hover {
    transform: rotate(360deg);
    border-radius: 50%
}

ПРИМЕР

Comments

[Aladdin]

Не то, но суть я уловил, сапсибо

[Aladdin]

Как сделать такую же загрузку при входе на сайт "Пожалуйста подождите".

[Алексей Ярков]

Mr. Tabrest: А это своя разработка ))) Ссылка на репозиторий: https://github.com/yarkovaleksei/preloader.css3

[Сергей Кореневский]

Алексей Ярков, Ваша ссылка не работает

[Алексей Ярков]

Сергей Кореневский, Не может быть )) Всего 7 лет прошло ведь ))

[Сергей Кореневский]

Алексей Ярков, Ну так ведь Вы не думали что этим ресурсом будут пользоваться потомки и инфу надо публиковать чтобы была навечно.
Тут даже есть такой тег для размещения кода. Блин не ужели чтобы Ваши труды (правильные ответы) через пару лет не пропали, трудно их продубилровать как код.
Это как дом строить из соломы и как из керпича, только из керпича строить на 1% чуток сложней.

[Алексей Ярков]

Сергей Кореневский, там такая поделка была, что мне стало стыдно и я удалил всё )) Попробуйте на свой код через полгода глянуть. Плакать хочется)) Вот мне и стало стыдно.