Solved

jQuery Animate Left Right

Posted on 2016-10-30
2
65 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 42

Accepted Solution

by:
Rob Jurd, EE MVE 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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Placeholder text not disappearing in Contact Form 7 2 16
maps stopped work unsure why 7 34
Call Controller Action Method from ASPX 2 15
innerHTML 7 19
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…

773 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