Question

Is there a way to read CSS3 values with jQuery? I’ve tried just using:

var test = $("#container").css("transition") // there, normal selector.

but I get “null” as the value, even though it’s actually margin-left .5s. If I try -webkit-transition instead of transition (since I’m testing in Chrome), it doesn’t give me any value.

If there’s not a way to do this yet, that’s alright, but I figured it was working asking. Maybe there’s a plugin or something that I can use to do this? I basically need to change the transition after a certain number of slides and then change it back.

Answer 1

transition is a shorthand property; it stands in for transition-property, transition-duration, transition-timing-function, and transition-delay.

jQuery’s .css doesn’t support getting the value of shorthand CSS properties, so you have to get each constituent part separately.

Something like

$('#container').css('-webkit-transition-property')

would give you just the margin-left part, for example.