@DirtyJonny

Почему свойство transition перекрыто (перечеркнуто)?

Хочу чтобы при наведении курсора на картинку она делала поворот, но при вводе указанных ниже свойств ничего не происходит. Если посмотреть код в браузере, то свойство transition перечеркнуто. Помогите пожалуйста.

<body>
			<img src='strelka.png' height="100px" weight='100px' title='youtube'>
	</body>
</code
<code lang="css">
img{
	display: block;
	margin-top: 300px;
	margin-left: 300px;
}
img{
border-radius: 50%;
  -webkit-transition: -webkit-transform .8s ease-in-out;
          transition:         transform .8s ease-in-out;
}
img:hoover{

	   -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
</code>
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
HardBot
@HardBot
back-end, front-end developer
img:hover {}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@LD12
img {
display: block;
margin-top: 300px;
margin-left: 300px;
}

img {
border-radius: 50%;
transition: transform .8s ease-in-out;
}

img:hover {
transition: -webkit-transform .8s ease-in-out;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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