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

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -