Skip to content

Latest commit

 

History

History
44 lines (27 loc) · 1.06 KB

README.md

File metadata and controls

44 lines (27 loc) · 1.06 KB

CSS Clip-Path Scroll Effect 🎨

This project demonstrates a stunning scroll effect using the CSS clip-path property. The effect combines position: fixed, absolute, and relative to create a seamless clipped section transition that's perfect for modern web design.

Demo

Live Demo-1

Live Demo-2

Project Structure

  • index.html: Contains the HTML structure for the sections.
  • style.css: Includes all the CSS styling for the clip-path effect.

Features

  • Smooth section transitions with clip-path.
  • Responsive design for all devices.
  • Clean and minimal HTML and CSS structure.

Technologies Used

  • HTML5
  • CSS3

Tutorial

This project is explained step-by-step in the following YouTube tutorial: Watch the Tutorial Here

How to Use

  1. Clone the repository: 
    git clone https://github.com/YT-PixelPerfectLabs/css-clip-scroll.git