AOS Animate on scroll with examples

AOS Animate on scroll with examples
Free tutorial
Rating: 4.6 out of 5 (4 ratings)
605 students
1hr 26min of on-demand video
English [Auto]

Add animation to your web templates
AOS script Animate on scroll
Html containers
Html Animated Image background
Image with a transparent background


  • Begginer-Intermediate level of web development


On this course you will learn how to create 5 easy animations to your web templates with the AOS on scroll script.

The course is split on 5 Lectures:

First Lecture description:


On the video you will find the introduction of the course, you will see the types of animation you can make with the AOS script.

Second Video description:

Apply AOS Animate on scroll in your texts or images.

On the second lecture you will learn how to use the AOS script on scroll library on your templates by adding the animation code to your sections tags in the images, text and more.

Third Video description:

AOS on scroll Flipping Boxes

On the third lecture you will learn how to make a basic menu with logo, a background picture and a container with 4 boxes with a flipping animation on scroll. The boxes include images, a paragraph and a button link.

Fourth Video description:

AOS Animated Portfolio Background

On the fourth lecture you will learn how to make a portfolio header with a transparent background image with text and a zoom in animation with a circle on the back.

Fifth Video description:

AOS Animated merging images

On this video you will learn how to make an animation using 3 Images that merge to the center of the template with the zoom in option.

This course is made for Web developers who have some knowledge on html, and Css.

It is not necessary to have any experience on Javascript since we don't use this programming language.

Who this course is for:

  • Developers who want to add more animation to their templates
  • Make more interactive templates
  • Improve your web templates
  • Animated portfolio template


Web developer
Annie Ring
  • 4.5 Instructor Rating
  • 74 Reviews
  • 10,209 Students
  • 9 Courses

Hi there!

Hi my name is Annie.

I'm a web developer, blogger and Youtuber and now Udemy instructor.

I'm glad to have the chance to share with you my knowledge on how to create responsive and animated web designs.

Over the last 3 years, practice is what helped me to improve my skills, so don't stop practicing.

And as I say, coding can look difficult, but it's a lot easier than you think, once you learn the basics.

Top companies trust Udemy

Get your team access to Udemy's top 16,000+ courses