Estoy intentando esto
function p(){
$('.pr').style.animationName="example";
}
.pr{
width:100px;
height:100px;
background:black;
}
@keyframes example {
from {-webkit-transform-origin: 285px 0;
-webkit-transform: translate(0, 0) rotate(0deg);}
to {-webkit-transform-origin: 285px 0;
-webkit-transform: translate(1285px, 500px) rotate(0deg);}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="pr"></div>
<button onclick="p()">haz click</button>
Pero no funciona
Que puedo hacer para asignar una animación a un div con javascript