Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.09.2021, 15:24
Аспирант
Отправить личное сообщение для egor8 Посмотреть профиль Найти все сообщения от egor8
 
Регистрация: 18.10.2014
Сообщений: 35

Запустить анимацию CSS вращения картинки
Сейчас работает вращение картинки при помощи наведения мыши.
Необходимо запустить, чтоб работало при перемещении бегунка браузера или вращения колеса мыши.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style>

img.rot:hover { animation: 11s linear 0s normal none infinite running rot; -webkit-animation: 11s linear 0s normal none infinite running rot;  width: 600px;}
@keyframes rot {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@-webkit-keyframes rot {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

</style>
</head>
<body>

<img class="rot" src="http://sirobogatov.site/wp-content/uploads/2021/09/about_circle.png" width="600" height="600">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 20.09.2021, 16:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 31,043

egor8,
https://javascript.ru/forum/dom-wind...tml#post523138
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно сделать анимацию на css? darktowerk56c (X)HTML/CSS 2 03.10.2019 11:07
Проверка высоты и ширины картинки и применение CSS olifus Общие вопросы Javascript 13 06.02.2016 20:27
Как запустить крутящийся бегунок пока идет загрузка картинки в Jquery alex_fk jQuery 6 19.07.2013 13:02
Как удалить предыдущую анимацию и запустить новую? Редактировать Isaac jQuery 8 28.01.2013 15:12
Не распечатываются png картинки, заданные в css через background в firefox kolyan1983 Firefox/Mozilla 4 04.03.2011 22:11