Skip to content

Commit

Permalink
Merge pull request #1 from viv2005ek/branch2
Browse files Browse the repository at this point in the history
modify README.md
  • Loading branch information
viv2005ek authored Apr 5, 2024
2 parents 9bc7402 + 7c44144 commit 5aea3b2
Showing 1 changed file with 33 additions and 1 deletion.
34 changes: 33 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,33 @@
# Image-slide-with-cool-effects

# Image Slider 📷

This project implements an image slider with various cool effects using HTML, CSS, and JavaScript.

## Table of Contents

- [Description](#description)
- [Usage](#usage)


## Description

This project consists of an image slider with several functionalities:

- **ScrollBar Slider**: Allows scrolling through images horizontally using the scrollbar.
- **Slider Automatic**: Automatically slides through images at regular intervals.
- **Double Click slider**: Advances to the next image on double-click.
- **Slider Automatic with Mask**: Automatic sliding with an applied mask effect on the images.
- **Click slider With Mask(Linear-gradient)**: Clicking on the slider advances to the next image with a linear gradient mask effect.
- **mix-blend-mode [background image]**: Uses mix-blend-mode to blend the images with a background image.
- **Automatic Animation JS**: Automatically animates the slider using JavaScript.



## Usage

- Simply open the `index.html` file in a web browser to view the image slider.
- You can interact with the slider using different functionalities like scrollbar, double-click, or automatic sliding.


## View on Replit
https://replit.com/@viv2005ek/img-slider-maskandmix-blend-mode-on-img

0 comments on commit 5aea3b2

Please sign in to comment.