Stair Animation

This project demonstrates a simple animation of stairs using HTML and CSS. The animation creates the illusion of stairs forming and disappearing gradually, giving a dynamic visual effect.

Demo

Untitled.design.mp4

You can see a live demo click here

CLICK HERE TO SUBSCRIBE MY YOUTUBE CHANNEL

Usage

To use this animation, simply include the provided HTML and CSS code into your project. You can customize the animation duration, colors, and other properties as needed.

Example

<div class="base"></div>
        <div class="step" style="--j:1">
            <i></i>
            <i></i>
        </div>
        <div class="step" style="--j:2">
            <i></i>
            <i></i>
        </div>
        <div class="step" style="--j:3">
            <i></i>
            <i></i>
        </div>
        <div class="step" style="--j:4">
            <i></i>
            <i></i>
        </div>
        <div class="step" style="--j:5">
            <i></i>
            <i></i>
        </div>
        <div class="step" style="--j:6">
            <i></i>
            <i></i>
        </div>

CONTRIBUTION

Feel free to modify and integrate this animation into your projects for added visual interest.

License

This project is licensed under the MIT License - see the LICENSE file for details.