html - animating with .animate() jquery -

मेरे पास सीएसएस में एक लोगो / हेडर है

  # logo2 {padding: 43px 20px 0 20 पीएक्स; पृष्ठभूमि: url (images / in_Store_Marketing.jpg) शीर्ष दाईं ओर नहीं-दोहराना;}   
 मैं लोगो का सही पक्ष से लोगो बनाने के लिए jquery में। स्क्रीन की बाईं ओर स्थित स्क्रीन और व्यवस्थित करें। ऊपर सीएसएस का उपयोग करके, यह बाईं ओर की छवि को सेट करता है, जहां एनीमेशन के अंत में होना चाहिए।  
 वर्तमान में jquery इस तरह दिखता है  
  $ (दस्तावेज़ ) .ready (function () {$ ('# logo2')। चेतन ({right: "+ = 95%"}, 3000);});   
 HTML इस तरह दिखता है  
  & lt; div id = "logo2" शैली = "ऊंचाई: 70px" & gt;   
 यह वर्तमान में कुछ नहीं करता है, कोई एनीमेशन नहीं है ... मैं क्या याद कर रहा हूं?   
 
 
 इस कोशिश का?  
  .logo {padding: 35px 15 px 0 15 px; पृष्ठभूमि: यूआरएल (छवियाँ / लोगो.जेपीजी) शीर्ष दाएं न-दोहराना;}   
 नोटिस मैं  दाएं   
 और बदले में बदल गया जे एस से:  
  $ (दस्तावेज़) .ready (function () {$ ('# alex')। चेतन ({right: "+ = 95%"}, 3000);} );   
 मैंने आपके लिए एक समान उदाहरण jsfiddle में कोडित किया है,  
  अद्यतन करें:   
 मेरे अपडेट का प्रयास करें, यह पूर्णतः तैनात छवि का उपयोग करता है, जो पृष्ठभूमि छवि के रूप में एक ही प्रभाव देगा: