html - Controlling WebKit through Javascript? -
this question exact duplicate of:
is there anyway change properties of webkit through javascript?
for example
document.getelementbyid('playbar').style['webkitanimationduration'] = '50s'; document.getelementbyid('playbar').style.webkitanimationduration = '4s'; i've tried these codes none seem work in changing css code once run javascript. else in code runs except webkit stuff in css, here's code in css i'm trying change.
#playbar { width: 1px; height: 12px; background: white; float:left; -webkit-animation: mymove; /* chrome, safari, opera */ -webkit-animation-duration: 40s; /* chrome, safari, opera */ animation: mymove infinite; animation-duration: 0s; } /* chrome, safari, opera */ @-webkit-keyframes mymove { {width: 0%;} {width: 100%;} } @keyframes mymove { {width: 0%;} {width: 100%;} }
it seems work me now. demo: http://jsbin.com/wugixugesafi/1/
i used following piece of jquery: $("#playbar").css("animation-duration", "1s");
Comments
Post a Comment