css3 - Obtain background properties of element during css transition JQUERY -

i have element add classes jquery in order animate/carry out css transition of background property. aim have pause transition while it's in motion, thought maybe obtaining current background property of element , setting css properties obtained.

html

  <div id="productimage">           </div> 

css

#productimage {     -webkit-transition: 2.5s ease-out; -moz-transition: 2.5s ease-out; -o-transition: 2.5s ease-out;  }  #productimage.step2 {     background-size:1500px 2275px;     background-position: 30% 30%; }  #productimage.step3 {     background-image: url("../img/blusen-back.jpg");     background-size:396px 600px;     -webkit-transition: 2.5s ease-out; -moz-transition: 2.5s ease-out; -o-transition: 2.5s ease-out; } 

to property of background, can use:

element.css() 

here link

and jsfiddle: link

hope helps