Module 6 - Lesson 7

jQuery Animations

In this lesson, we’ll get familiar with the jQuery animate() method syntax to animate any CSS properties of our website elements.

Video Chapters

00:00 Introduction

00:44 Sample HTML Structure

01:21 Animate() method syntax

03:28 Movement Animation

06:07 Multiple Animations - Font Size

08:19 Animating Opacity

Sample sytnax:

$('#left').click(function() {
		
	$('.box').animate({
		
		left : '-=40px',
		textSize : '-=3px'
		
	}, 1000, function(){
		
		// animation is completed
		
	});
	
});

Join the discussion

Share your thoughts about this lesson with fellow students!

Login to your Account

If you're a DSA Student, please log in to your account to access the course content.

Sorry, you don't have access to this content.

It looks like you're not enrolled in Divi Stylist Academy.