Javascript Animated Background

I will show you how we can use animation in CSS3 and Javascript to accomplish this example. Since we will run the whole animation for 0. CSS animations allow to smoothly (or not) animate changes of one or multiple CSS properties. Find GIFs with the latest and newest hashtags! Search, discover and share your favorite Animated Background GIFs. JavaScript Background Fader 1. bgcolor property. Find the Bootstrap animation that best fits your project. Animated Background Headers Examples for creative website header animations using Canvas and JavaScript Demo 1 Demo 2 Demo 3 Demo 4 If you enjoyed this demo you might also like:. html file tests the using of the getElementById method to dynamically change div color, size, and coordinates in interesting ways. It builds with Javascript but dead simple and lightweight. ROTATE EFFECT & QUIET SKIN JAVASCRIPT SLIDESHOW. Backgrounds and Assets for Animation in Photoshop 4. Change Div Size, Color, and Location with the W3C DOM. A JavaScript plugin for snazzy background particle systems. svg is designed for modern browsers and therefore supports the newest SVG features like masking, clipping, patterns, full gradients, groups, and more. While this effect does not relate to scrolling it does directly relate to parallax design. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. This substantially increases the chance of missing animation frames, which is the very last thing you want. ScrollMagic is standalone scroll animation library that works with Velocity. Animating in JavaScript does give you a lot of control: starting, pausing, reversing, interrupting and cancelling are trivial. For a list of every possible background, visit this link. JavaScript Flashing background color 4. Since then, Javascript has made it possible to animate background and other image elements to create similar effects. com/msn/mymsn"> %20type="text/javascript">var%20globalstr={_base_img:' type="" rel="shortcut icon" content mymsn. Breaking Bad. It uses pure CSS to create a parallax star animation in the background of the page. Google AMP - Overview. Once you learn a few main ideas, you can create complex animations that take up as much or as little of the browser window as you like, including interactive content that degrades well for people who don't have JavaScript enabled. Firstly, we assign the appropriate width and height of the button, before setting its background image to the button we created in the design. Whether it's a Slider, Carousel, Hero Scene or even a whole Front Page, you will be telling your own stories in no time!. With Html5 canvas element and a little jQuery magic, we can create a fantastic animated bubbles background for any container. In today’s screencast I’m going to show you how to create an animated particle background. The largest resource of CSS3 and jQuery Loading animations is now in your hands. Fading slideshow with a touch of JavaScript [CSS] Bouncing Ball Animation [CSS] Transition Timing Functions [CSS] Infinite Animated Photo Wheel [CSS] An actual 3D bar chart [CSS] Photo Rotator with 3D Effects [CSS] CSS Animated Fireworks [JAVASCRIPT] Controlling CSS Animations [JAVASCRIPT] Animating objects over a curved path [JAVASCRIPT. To stand out, you need the right strategy, the right creative and the right partner in your corner. You can adjust the values, setting a different blinking speed and. Free Animated Background Stock Video Footage licensed under creative commons, open source, and more!. Animation is a part of a UI designer's job. This is all you need to get started:. Here I am going to tell you how to make animation of color on click event using JavaScript. For a previous Javascript project, I needed the ability to flash an element. Foundation HTML5 Animation with JavaScript is a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards-compliant games, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, and Android devices. We also want to reverse the stacking order of the images by setting the z-index accordingly. Background Music script Liven up your webpage with music, using this cross browser background music script. The CSS property value is changed gradually, to create an animated effect. **This myth has coerced many developers to abandon JavaScript-based animation altogether**, thereby (1) forcing themselves to manage complex UI interaction within style sheets, (2) locking themselves out of supporting Internet Explorer 8 and 9, and (3) forgoing the. display='none'. Blob is animated, interactive and highly customizable 3D background. ScrollMagic helps you to easily react to the user's current scroll position. I coded this as a small learning exercise for myself, not attempting to make any shortening to the code since Im still fairly new to javascript. Hovering over the slideshow brings up two navigational arrows, one on each side. This method changes an element from one state to another with CSS styles. Nowadays the. Different values will. HTML5 JavaScript Christmas Snow Background So with Christmas just round the corner (42 days at time of writing), we thought we should start getting into the spirit of things and put together a nice little festive script that you can include on your website. Adding animations to your stream is actually very easy. Firstly, we assign the appropriate width and height of the button, before setting its background image to the button we created in the design. It is up to you to add this functionality through FullCalendar's API. Developers can also share their pens with others all around the world! It is a great web application which allows frontend. If you're looking for the proper libraries to add effects to your project, here I've made a list of some of the libraries that you can use to give effects based on the scroll event. The javascript particle animation is a new way of designing a great details website. Download a free slider generator for Windows and Mac now!. This is a great effect if you know what background colors don't interfere with the text on your page. Our animated graphics and templates are perfect for webpages, emails, blogs and presentations of all kinds. We do this so that more people are able to harness the power of computing and digital technologies for work, to solve problems that matter to them, and to express themselves creatively. The animate function is the game loop and all it does is draw the background object. 3D lines animation with three. JavaScript Teacher. It uses pure CSS to create a parallax star animation in the background of the page. At times I've made my homepage with a fixed background and also had some animation links on it. The CSS animation properties are instrumental in ensuring that the animation is as good as it looks and that it moves. Full Page Pop-up Window Overlay In this tutorial you will learn how to create a full page pop-up window that overlays an existing html page. CSS3 Circle Animated buttons Another circle animated buttons, but this time, the text rotation on mouse hover gives really nice effect. Supports morphing and other shape transitions. Explore traditional linear storytelling and learn different processes for creating successful nonlinear animated stories, and also discover the wonders of experimental filmmaking. This is a normal linear gradient on the body with moving animation, that's why I am calling it animated background gradient. Top 7 JavaScript Animation Libraries 2020. The term encompasses both feral and pet varieties and is also sometimes used to describe wild canids of other subspecies or species. Since then, Javascript has made it possible to animate background and other image elements to create similar effects. We use Canvas and Javascript to create an animated background for large site headers. For current info see RELEASE-NOTES. Find the Bootstrap animation that best fits your project. You can adjust the values, setting a different blinking speed and. I added a fading logo in the middle of the screen, when it's done fading the code starts falling. Motio is a small JavaScript library for simple but powerful sprite based animations and panning. The bubbles will run as long as the page is open, and individual bubbles will reset if they leave the bounds of the window. ) so the safe thing to do is to defer this change to individual site owners. What is? I took a prebuild three. There are several different ways to animate SVG shapes. Color animation jQuery-plugin. We're all for progressive enhancement, but CodePen is a bit unique in that it's all about writing and showing front end code, including JavaScript. Using a fairly simple bit of CSS, this background allows for a smooth transition between multiple images. It is a free and open source toolkit for developing websites with HTML, CSS and Javascript. Buy BACKGROUND TRIP by ThemeOxygen on CodeCanyon. Create your very own free MySpace countdown clock timer with one of the many animated graphics. background-image: url(. HTML5 JavaScript Christmas Snow Background So with Christmas just round the corner (42 days at time of writing), we thought we should start getting into the spirit of things and put together a nice little festive script that you can include on your website. It is a unique way to create an effect and give eye-catching stuff to users. Using jQuery for Background Image Animations. Animating DOM elements[1] or the content of a canvas is a classical use case for setInterval. FADE EFFECT & STUDIO SKIN CSS SLIDESHOW. Table of Contents and Exercises. Editing photos is easy with Envato Studio. Set the animated gif as the div’s css background image instead of using the child IMG element. Today, We are here to share 10 Best CSS3 and Javascript/jQuery animation libraries and plugins described from developer perception that enables you to create splendid animations to make your website more beautiful and eye catching. Fill your text with animated background images - no JavaScript required. The FullCalendar Approach. Nonetheless, it adds to your interface a beautiful animated background filled with particle animation. If you're looking for the proper libraries to add effects to your project, here I've made a list of some of the libraries that you can use to give effects based on the scroll event. The original version only has a simple flake shape and simpler animation. In times when CSS only began to make its first steps towards the world conquest, the background had already taken on the role of the main decorative element of the website. Particles are a great alternative to standard hero sections on a web page; you might have seen them used on sites like marvelapp. Design elements using Bootstrap, javascript, css, and html. I decided to play around with doing my own super-basic animation. With CSS3, you can easily create a fade effect with nothing more than a little CSS. Each background also has its own distortion effect. Choose from thousands of free scripts. Javascript can be used to create animation effects on a web page as simple as highlighting new content in yellow and then fading it back to normal, creating transitions, or moving elements on the page (think popup windows). Beginner's HTML tutorial / training / guide free and online. Large Collection of JavaScript source code. On my own portfolio, I use a nice JS plugin to generate an animated background. ” Ben Rugg “@greensock is just pure awesomeness. Let’s Make a Bar Chart. I added a fading logo in the middle of the screen, when it's done fading the code starts falling. Disco Background Effect Get into the groove with this disco background effect script! It fades the background color continuously using a variety of colors, as if it were the dance floor! Random background color This simple script randomizes ths background color of your page each time it's loaded. It is a unique way to create an effect and give eye-catching stuff to users. Michael Romanov explains how you can build a frame by frame animation with just HTML, CSS and JavaScript which performs well and works great on all browsers. See the Pen SVG Animation by jjperezaguinaga (@jjperezaguinaga) on CodePen. So let's implement one simple animation using DOM object properties and JavaScript functions as follows. Popup window generator with many options including size, auto, link and button functions. Set the animated gif as the div's css background image instead of using the child IMG element. The animation loop is nothing more than a function that gets called repeatedly thanks to a boring old timer function. You can simply implement it in your code. Now is ready to use for everyone. 708 13th Ave SE offers 5 bedroom units in Minneapolis starting at $3695. JavaScript Teacher. Background Music script Liven up your webpage with music, using this cross browser background music script. In times when CSS only began to make its first steps towards the world conquest, the background had already taken on the role of the main decorative element of the website. 15 == === Changes since 1. The complete code and the final result can be viewed on JSfiddle. Excellent reference material for JavaScript. Easy and fast to create website menus ! Instantly add your text and links to any of the animated buttons below. To stand out, you need the right strategy, the right creative and the right partner in your corner. Full Page Pop-up Window Overlay In this tutorial you will learn how to create a full page pop-up window that overlays an existing html page. Before browsing through these experiments, have a look at. I ran across this great jQuery tutorial that walks you through animating a background image of a page. Foundation HTML5 Animation with JavaScript is a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards-compliant games, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, and Android devices. Yes U can build by using CSS3 Animations CSS3 animation properties using KeyFrame Check the Example given below. A CSS generator to create beautiful animated gradients for use on your website. Popup window generator with many options including size, auto, link and button functions. Some effects, like parallax scrolling, can only be achieved in JavaScript. Here is the generic animation function I learned form the javascript animation tutorial i posted the link below. The javascript particle animation is a new way of designing a great details website. The first works great if you have the image ahead of time, but what if your source needs to be programmatically generated, say, by a ?. CSS3 @keyframes Rule. For example, the user can pause the animation at any time to study the location of the resultant mean vector or advance the activation sequence on a frame-by-frame basis using the available scroll bar. RE: [JavaScript] Animated Matrix Background Thanks -- I also added another example link which is the one I'll be using to develop on. Using jQuery for Background Image Animations. http://schemas. Bubbling Text Effect. You can review the list of enemies matched with known battle backgrounds to try and get your favorite on the Suggested Layers. Night sky with twinkling stars Have you noticed the beauty of the night sky? When lightly visible clouds slowly floating through the sky, and the stars twinkling behind them in the night sky. Change cursor to an Hourglass during function execution. There are two primary ways people animate background images: Use CSS sprites to update a background-position in JS. Designers used to create animations in HTML elements using CSS. HTML and JS canvas animated wallpaper or moving wallpapers. Tim Pietrusky animated this series of Monster Energy logos using SVGs and well-spaced CSS transitions. Since we will run the whole animation for 0. Developed since 2006. What is? I took a prebuild three. The code is readily available in the codepen demo above, so let's go over some of the specifics. Multiple use of animated graphics Text difficult to read Animated bullets No Meta tags Too many graphic and/or line dividers Multiple use of different fonts Under construction signs Busy, distracting backgrounds Scrolling text in the status bar Multiple banners and buttons Large scrolling text across the page Poor use of HTML code frames Large. Change Div Size, Color, and Location with the W3C DOM. # Animated GIF images in hidden page elements - Rick Strahl's Web Log I've run into a problem with animated gifs inside of a hidden area of a Web page that is hidden with style. 9, and also for a PHP bug present in the official release of PHP 5. In addition to specifications, a live demo is provided for all listed template. created on 22. It works with CSS properties, SVG, DOM attributes and. Some of these are animated GIF files, which are GIF files that contain a number of frames that play in succession; others are Flash animations. meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. The following simple CSS snippet animates. This method changes an element from one state to another with CSS styles. Explore traditional linear storytelling and learn different processes for creating successful nonlinear animated stories, and also discover the wonders of experimental filmmaking. This substantially increases the chance of missing animation frames, which is the very last thing you want. And I've inserted midi's on fixed background pages. Animate the background color of a document Notice that the script is not just a series of document. js, animation, colors. This technique is used often for displaying a video, movie file, picture, or form when a user clicks on an element in a web page. I know alot of places I could of optimised (Especially the stupid array method I used to create ball objects - imo should of just made a class or somthing liek it if javascript has that?). Please try again in a few minutes. Here is the deal. There are images of butterflies, hearts, flowers, stars, rainbows, and cute creatures. We've been working feverishly on our clay models lately and things are finally starting to come together. JavaScript Teacher. Today, we have a collection of some ridiculously impressive HTML5 canvas-based experiments that will make you say, "Wow!" Let's take a peek at some of the latest, cutting edge examples out there. Plus, considering the wide-ranging support for css animations (keyframes, transforms, transitions), it’s easy to accomplish this UX pattern with a purely css approach (no javascript). Javascript Animation: Tutorial, Part 2 Discussing efficiency regarding interval-based animation Javascript Animation: Tutorial, Part 3 The final, and overdue, part in a series on Javascript animation techniques: Creating tweens, simultaneous animations and event handling are discussed. There are images of butterflies, hearts, flowers, stars, rainbows, and cute creatures. Working with SVG, we enjoy good browser supprot for SVG animation, and we. HTML5 JavaScript Christmas Snow Background So with Christmas just round the corner (42 days at time of writing), we thought we should start getting into the spirit of things and put together a nice little festive script that you can include on your website. The complete code and the final result can be viewed on JSfiddle. Design elements using Bootstrap, javascript, css, and html. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. Find tutorials, how-tos, sample scripts, and more to help you learn to write your own JavaScript code. In addition to specifications, a live demo is provided for all listed template. It uses black, white and grey. **This myth has coerced many developers to abandon JavaScript-based animation altogether**, thereby (1) forcing themselves to manage complex UI interaction within style sheets, (2) locking themselves out of supporting Internet Explorer 8 and 9, and (3) forgoing the. FullCalendar is great for displaying events, but it isn't a complete solution for event content-management. Our animated graphics and templates are perfect for webpages, emails, blogs and presentations of all kinds. So, Today I am sharing CSS Gradient Background Animation. With easy backgrounds you can add animated and non animated backgrounds to your webpage and HTML elements using just a few lines of code. I then use jQuery's built-in animation to animate a numeric property of that element - in this case width - which can represent a percentage (0 to 100). If you already have a lot of Javascript on your web page then you can go with CSS Background Image Slider which builds with only CSS. Beginner's HTML tutorial / training / guide free and online. In addition to specifications, a live demo is provided for all listed template. Fast and responsive. ] Using SWFObject is easy. Get started contributing code, or reporting bugs. When working with animated website headers, there are a couple of performance issues to keep in mind: Keeping an animation loop running is JavaScript intensive, so it could affect the performance of your page if there are other JavaScript-heavy components. Background Music script Liven up your webpage with music, using this cross browser background music script. In this tutorial, I will show you how you can add this effect to your website too. HTML and JS canvas animated wallpaper or moving wallpapers. Fans of the Breaking Bad series, this one is for you: a beautiful combination of SVG, Canvas, CSS, and JavaScript:. The animation is created in the @keyframe rule. 1 === * The installer now includes a check for a data corruption issue with certain versions of libxml2 2. Particleground. Blob is animated, interactive and highly customizable 3D background. On the one hand, creating a simple and reusable animation via a CSS transition or animation is very easy; on the other, creating complex animation with fancy trajectories is much easier with JavaScript animation than with CSS. This is a normal linear gradient on the body with moving animation, that's why I am calling it animated background gradient. To get further details about these properties and the possible event handler registration methods, please see the page for the event object. It is possible to animate the shapes in an SVG image. CSS describes how html elements should be render on screen. Add popup window to your page. It uses pure CSS to create a parallax star animation in the background of the page. Here is an example showing the minimum amount of code needed to embed a Flash movie:. So, you want JavaScript snow on your web site, eh? Snowstorm is a JavaScript-driven snow effect that can be easily added to web pages. This is another great slideshow for images which can be used as a background. First Choice | IDOWU TITILOPE ADEWUNMI (AAT,ACA)/title> NO 2. How to force replay an animated gif not looping or reset it using javascript. CSS Animated Text Underline. js and an animated background color. Changing a CSS Background Image Using Javascript April 18th, 2010 - Posted by Steve Marks to (X)HTML / CSS , Javascript / jQuery , Web Development. But, on a purely presentational level, a nice little background image animation certainly has merit. Sign up A small JavaScript animated bubble background. JavaScript: CSS Animated Fireworks Tweet 0 Shares 0 Tweets 1 Comments. Breaking Bad. transitionend and its related events are quite helpful when manipulating CSS transitions and animations using JavaScript. The first demo starts at 5:55 in this video:. The javascript particle animation is a new way of designing a great details website. To animate the game, the animate function calls the requestAnimFrame shim created by Paul Irish. Best Collection 50+ of Animated & Video Backgrounds to Download When you need animated backgrounds for any of your online projects, or presentations or use in any Flash projects, just choose them from the unlimited options that you can get free of cost. You can simply implement it in your code. Help to translate the content of this tutorial to your language!. It’s also easy to generate complementary colors automatically. ] Using SWFObject is easy. jQuery Mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique applications for each mobile device or OS, the jQuery mobile framework allows you to design a single highly-branded responsive web site or application that will work on all popular smartphone, tablet, and desktop platforms. Animated Gradient. Smoky Text. JavaScript HTML5 canvas animated background allows you to create such dynamic creations. Let’s start with a text element: This is my text element that will fade when you hover over it. As we can see, each image will have the same animation but we will start the animation for each image with a delay. Find tutorials, how-tos, sample scripts, and more to help you learn to write your own JavaScript code. animate-backgrounds is a jQuery plugin which applies custom interactive animations to backgrounds of your containers using jQuery animate function and CSS background properties (gradient, position, size, etc. Visual editor included. Developers can also share their pens with others all around the world! It is a great web application which allows frontend. js, animation, colors. JavaScript animations aren't difficult to write. We're all for progressive enhancement, but CodePen is a bit unique in that it's all about writing and showing front end code, including JavaScript. JavaScript Programming. Created as Javascript plugin based on HTML5 Canvas. Description: The highlight effect hides or shows an element by animating its background color first. Create beautiful image sliders entirely in CSS. Only numeric values can be animated (like "margin:30px"). 1 === * The installer now includes a check for a data corruption issue with certain versions of libxml2 2. Animations are useful in game and interactive application development. Night sky with twinkling stars Have you noticed the beauty of the night sky? When lightly visible clouds slowly floating through the sky, and the stars twinkling behind them in the night sky. For a previous Javascript project, I needed the ability to flash an element. When the timer interval is small, the animation looks continuous. Our free animated backgrounds may be used as Myspace backgrounds, Xanga backgrounds, Facebook backgrounds or as motion backgrounds for any other personal web space you control. In this text I will go through the various possibilities. Clean Circle buttons Another example of circle CSS3 buttons. If not done carefully, an animated background can distract from any content sitting on top of it. I'm presenting a very simple way of making a text blinking using only HTML and CSS3. Changing a CSS animation from its current values can be done by obtaining the stylesheets in JavaScript, but can be quite involved. Help to translate the content of this tutorial to your language!. Color animation jQuery-plugin. Cross fading images Commonly used as part of image galleries, or to show detail on products. CSS Animated Text Underline. Animate with JavaScript and the Web Animations API. Jssor Slider is independent javascript slider carousel, it depends no third party javascript library. Here are 9 free animation libraries we think deliver the most power for the smallest file size, while being relatively easy to use for reasonably code. 12,506 Best Animated Background Free Video Clip Downloads from the Videezy community. Animating in JavaScript does give you a lot of control: starting, pausing, reversing, interrupting and cancelling are trivial. This is a JS script that creates a number of moving bubbles (1/45000 of the amount of pixels in the window by default) that mimics the animated wallapers introduced in iOS 7. How to use it:. Free CSS has 2948 free website templates coded using HTML & CSS in its gallery. They have certain features and functionalities that will help you get the best out of JavaScripting. If multiple elements. Email this page (by Google) This extension adds an email button to the toolbar which allows you to email the page link using your default mail client or Gmail. In JavaScript, CSS transitions are generally easier to work with than CSS animations. js Javascript file, then use a small amount of Javascript on your page to embed your Flash movie. Here's a quick MooTools code snippet that shows you how you can add this sweet effect to any. The CSS property value is changed gradually, to create an animated effect. Transition of background-color. If you need help with JavaScript. Hovering over the slideshow brings up two navigational arrows, one on each side. To animate the game, the animate function calls the requestAnimFrame shim created by Paul Irish. Image I/O has built-in support for GIF, PNG, JPEG, BMP, and WBMP. When using this approach, rather than using the full attribute name, you can ditch the data- prefix and refer to the custom data directly using the name you have assigned to it. Backgrounds and Assets for Animation in Photoshop 4. Might not work in Firefox 3. Panning and scrolling background images using the canvas element. js example and put a fancy animated background color, adjust some parameters like number of lines, perspective and colors. Get free Java Script tutorials, references, code, menus, calendars, popup windows, games and help. Are you a beginner in website creation? Then you should go with this, and it is the finest way to grab more visitors' attention. If multiple elements. A game loop shouldn't be created using the window. The term encompasses both feral and pet varieties and is also sometimes used to describe wild canids of other subspecies or species. This introductory tutorial covers how to make a bar chart using the D3 JavaScript library. It's pretty damn hard to find out which battle backgrounds correspond to which enemies. The above creates a temporary div that is never placed in the document flow. Cross fading images Commonly used as part of image galleries, or to show detail on products. Let’s Make a Bar Chart. js is a small JavaScript plugin which makes use of plain HTML and CSS to create an animated gradient background for any container element. Here are the top 7 JavaScript Animation libraries that we think are worth being listed. Since 2011, we've been. HTML5 Canvas Animated Background. javascript animation Software - Free Download javascript animation - Top 4 Download - Top4Download. Changing a CSS animation from its current values can be done by obtaining the stylesheets in JavaScript, but can be quite involved. Now is ready to use for everyone. display='none'. Animation via Element. You can specify custom handle elements by creating and appending the elements and adding the ui-slider-handle class before initialization. Blob is animated, interactive and highly customizable 3D background. The code below is the result of me attempting to generalize the main animation loop function, and learn Typescript at the same time. More parameters for options. Foundation HTML5 Animation with JavaScript is a fantastic resource for all web developers working in HTML5 or switching over from Flash to create standards-compliant games, applications, and animations that will work across all modern browsers and most mobile devices, including iPhones, iPads, and Android devices. Therefore, when you select the GIF format and set background to transparent you will still be able to set a background color that will fill the back layer of semi-transparent parts of your image. Fans of the Breaking Bad series, this one is for you: a beautiful combination of SVG, Canvas, CSS, and JavaScript:. This script uses 15 pre-determined background colors and then randomly chooses one. So, you want JavaScript snow on your web site, eh? Snowstorm is a JavaScript-driven snow effect that can be easily added to web pages. Note that the visitor's browser must have the appropriate midi plugin installed in order to hear it (default download with full install of both NS and IE). Free Animated Background Stock Video Footage licensed under creative commons, open source, and more!. Help to translate the content of this tutorial to your language!. Inject life into your SVG With a rich animation library and easy event handing, Snap. Bellows is a mobile-first accordion widget that that uses Velocity for its motion. Using jQuery for Background Image Animations.