Хочу чтобы при наведении курсора на картинку она делала поворот, но при вводе указанных ниже свойств ничего не происходит. Если посмотреть код в браузере, то свойство 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>
