javascript - Trigger update during animation -

i animating div (id="ani") using following css code.

#ani {         width: 100px;         height: 100px;         background: red;         color:white;         position :relative;         animation: mymove 5s infinite;     }  @keyframes mymove {     0%   {left: 0px;}     25%  {left: 250px;}     50%   {left:500px;}     75%  {left: 250px}     100% {left: 0px;} } 

i know if there way display instantaneous value of css 'left' property changing i.e. value of 'left' should displayed time on screen. there way bind 'left' value text field ? angularjs seems not work in style-sheets.

you can use demo

$(function(){     var div = $('#ani'),         showleft = $('#left');        setinterval(function () {        showleft.text(div.position().left)      }, 10); });