My OperaYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
Getting Prefixed CSS Properties via JavaScript
I have written some jQuery that is working perfectly in WebKit browsers and Firefox. I am now testing in Opera and am having issues with getting the transition duration for an element. This is my code:slideSpeed = $(".animate-in").css("-o-transition-duration");
console.log("Slide Speed", slideSpeed);
With the following CSS:
.animate-in{
-o-transition-duration: 2.5s;
}
For some reason, Opera doesn't return "2.5s". Can anyone explain why please?
JSFiddle: http://jsfiddle.net/UGdUs/7/
It just doesn't seem to work. Even tried getComputedStyle(jquery_obj.get(0), null).getPropertyValue("-o-transition-duration");
Thanks burnout426. I also asked this question on StackOverflow and it appears to be a bug with Opera:
http://stackoverflow.com/questions/8067268/getting-prefixed-css-properties-in-opera-via-javascript
If you inspect the element, Opera's computed styles shows prefixed properties, such as -o-transition-duration, as being empty values.
http://stackoverflow.com/questions/8067268/getting-prefixed-css-properties-in-opera-via-javascript
If you inspect the element, Opera's computed styles shows prefixed properties, such as -o-transition-duration, as being empty values.
I don't know if the problem is known. You might want to file on it.