Пересмотрела все сайты, но все равно не пойму какой нужен код. Знаю, как сделать при нажатии, но наведение не выходит, очень нужно решение.
<html>
<head>
<title>Фантазии</title>
<link rel="stylesheet" href="Фантазии.css">
</head>
<body>
<script>
var Kot= new Audio('Кот.mp3');
</script>
<img src="Кот.png" class="Kot">
</body>
</html>
Если это важно, то в CSS прописано это:
.Kot{left:382px;
top:353px;
position: absolute;
opacity: 1;
animation: animKot 3s linear infinite;
transform-origin: center center;
}
@keyframes animKot{
25% {transform: rotate(8deg);opacity: 0;}
50% {transform: rotate(-8deg);opacity: 1;}
75% {transform: rotate(8deg);opacity: 0;}
100% {transform: rotate(0deg);opacity: 1;}
}
Читала, что нужно подключать jquery, но все равно не выходит.