Website with horizontal scrolling

Scrolling animation
Free tutorial
Rating: 4.1 out of 5 (17 ratings)
1,536 students
31min of on-demand video
English [Auto]

Learn about the 'wheel' event on Javascript
Learn how to create a horizontal scrolling animation for your websites
Create outstanding animations with keyframes
Improve your Html and Css Skills


  • Basic programming knowledge


Hello everyone!

We are thrilled to welcome you to the exciting journey of our course, "Creating Websites with Horizontal Scrolling."

This course is carefully structured into six comprehensive sections:

1. Introduction: Get acquainted with the course objectives and outline.

2. Html Basics: Add background color, font type, main sections, etc.

3. Horizontal Scroll Function: Dive into the mechanics of horizontal scrolling using Vanilla JavaScript.

4. Content: Add all the four pages content as pictures, titles, boxes, and more.

5. Floating Bubbles Animation: Explore the dynamic world of animating floating bubbles using Keyframes.

6. Engage in a brief quiz to reinforce key concepts from the course.

Throughout this course, you'll delve into an array of topics essential for creating captivating websites, including:

- Implementing horizontal scrolling seamlessly into your web templates.

- Enhancing your images with filters like brightness and grayscale.

- Adding captivating floating bubbles animations to your designs.

- Integrating icons effectively into your templates.

- Crafting visually appealing grids with multiple boxes.

The template is fully responsive, meaning that the code automatically adjusts to fit seamlessly across all devices without the need for any additional coding.

If you're a beginner or an intermediate programmer, a web designer, or a web developer, this course is tailored to meet your learning needs.

To facilitate your learning journey, a comprehensive zip file containing the code of the Template is provided in the "resources" container of the 5th Section.

Your feedback is invaluable to us! If you find the content enriching and engaging, we'd greatly appreciate it if you could leave a review to show your support.

Thank you for embarking on this learning adventure with us!

Who this course is for:

  • Beginner and intermediate programmers


Web developer
Eliana Rincon
  • 4.4 Instructor Rating
  • 201 Reviews
  • 23,378 Students
  • 16 Courses

Hi Everyone!,

I have been actively engaged in the field of programming since 2019 and assumed the role of a Udemy Instructor in 2021. My commitment to education extends to platforms like YouTube, where I create comprehensive content aimed at making complex programming concepts accessible.

Should you have any inquiries or specific areas you'd like me to address, please don't hesitate to reach out.

Thank you for visiting, and I trust you will find the content both informative and enjoyable.

Top companies trust Udemy

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