Parallax in HTML, CSS and JavaScript Tutorial - Let's Make It Happen
Offered By: DesignCourse via YouTube
Course Description
Overview
Learn how to create a stunning parallax effect using HTML, CSS, and JavaScript in this comprehensive tutorial. Discover the power of Laxxx.js, a lightweight 3kb solution for implementing parallax scrolling. Follow along as the instructor transforms a Figma prototype into a fully functional web page with dynamic, eye-catching parallax elements. Explore essential concepts such as CSS positioning, media queries, and JavaScript implementation. Gain hands-on experience in applying parallax effects to various page elements, including paragraphs, lines, headers, and images. Perfect for mobile-first design, this tutorial provides practical insights into creating engaging, interactive web experiences. By the end, you'll have the skills to bring depth and dimension to your web projects using parallax techniques.
Syllabus
Intro
CSS Code
Position Absolute
HTML Element
Paragraph Element
Line Element
Header Element
H2 Element
Media Queries
Lac CAS
Preserve Nature
Apply Parallax
Parallax Parameters
Mountains
Scroll
Outro
Taught by
DesignCourse
Related Courses
Прототипирование и тестирование интерфейсаMoscow Institute of Physics and Technology via Coursera Build an E-commerce Dashboard with Figma
Coursera Project Network via Coursera Car Transport App in Figma
Coursera Project Network via Coursera Design and Develop a Website using Figma and CSS
Coursera Project Network via Coursera Learn Figma for Web Design, User Interface, UI UX in an hour
Udemy