Using jQuery or CSS to animate elements


show more Using jQuery or CSS to animate elements provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers show less
please wait ...

Using jQuery or CSS to animate elements

Let's talk about animation. These days we have almost an embarrassment of riches with respect to techniques we can use to animate elements on the page. The most popular these days are probably CSS3 animation and jQuery. So let's compare them a little bit. The syntax that you use to do animations in CSS and in jQuery are fairly different of course, they're totally different technologies, but the results can be similar depending on what you want to do. One thing that's important to note is that CSS uses keyframes in a lot of it's animations. So if you're familiar with using keyframes from other animation techniques you've used in the past, you might be very comfortable using CSS.

JQuery does not have keyframes built in, it takes more of a programmatic approach, being a programming language. But there are plug-ins out there that can help you work in a keyframes-based approach when you're working with jQuery. CSS is generally smoother. The way that CSS animations are implemen...

Using jQuery or CSS to animate elements
Video duration: 2m 24s 1h 42m Intermediate

Viewers:

Using jQuery or CSS to animate elements provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers

Subject:
Web
Software:
jQuery
Author:
please wait ...