Este div
,por defecto al pasar el mouse por encima de él se mueve con CSS3
, ahora con jquery
intento que cada 1000ms
, se envié un lanzar como si estuvieran pasando el mouse
, con motivo de que se mueva constantemente cada 1 segundo(1000ms)
El problema es que no me funciona y no entiendo que está mal.
<!DOCTYPE html>
<html>
<head>
<link href="http://ogar.pw/assets/css/anim.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
setInterval(function() {
$('#play-btn').trigger('mouseover');
$('.hvr-wobble-horizontal').trigger('mouseover');
}, 1000);
});
</script>
</head>
<body>
<div style="width: 300px; height: 300px; background-color: green; position: absolute;" class="hvr-wobble-horizontal" id="play-btn"></div>
</body>
</html>