Solved

jQuery Animate Left Right

Posted on 2016-10-30
2
71 Views
Last Modified: 2016-10-30
Hi Experts,

I am trying to animate the cloudDrizzle just to go side to side with jquery lines 35-40 , but nothing happening.

http://codepen.io/AleksPoposki/pen/NRZydj

Any help will be appreciated.
0
Comment
Question by:APD_Toronto
2 Comments
 
LVL 43

Accepted Solution

by:
Rob earned 500 total points
ID: 41866260
As the svg is "float: left" it has no positioning and therefore the animate left and right do not work.  Set its position to relative or wrap it in a div and float the div

<div style="float: left">
<svg id="cloudDrizzle>...
</div>
0
 

Author Closing Comment

by:APD_Toronto
ID: 41866279
Thank you again!
0

Featured Post

Resolve Critical IT Incidents Fast

If your data, services or processes become compromised, your organization can suffer damage in just minutes and how fast you communicate during a major IT incident is everything. Learn how to immediately identify incidents & best practices to resolve them quickly and effectively.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CORS Error from Chrome, but FireFox is OK 1 82
Wordpress Only run code if on a certain page 11 23
Javascript 2 23
JQuery Search Filter 2 32
There are a couple ways to attach a JavaScript function to dynamically created elements. You can make a new script for each element as it’s created or you can use delegation. Delegation allows a single script that is added at page creation to mat…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

839 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question