Skip to content

ManasiGn/Sliders

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽก Trending Food Slider

A stylish and interactive image slider built using HTML, CSS, and JavaScript. Users can navigate through multiple food items using arrow buttons or simply by hovering over the images to slide through them.

๐Ÿ“Œ Features

๐Ÿ• Interactive Food Slider displaying trending food items
๐Ÿ‘‰ Arrow-based Navigation (left/right buttons)
๐Ÿ–ฑ๏ธ Hover-based Sliding โ€“ slider moves when the cursor is placed over it
๐ŸŽจ Smooth Animations & Card Scaling Effect
๐Ÿ’ฐ Price tag, food name, and rating displayed on each card
๐Ÿงฉ Built completely using HTML + CSS + JavaScript (no libraries required!)

๐Ÿ› ๏ธ Technologies Used

HTML5 โ€“ structure and slider layout
CSS3 โ€“ styling, transitions, hover effects
JavaScript โ€“ slider logic & interaction handling

๐Ÿ“ธ Preview

Below is a screenshot of the slider UI: image

About

A slider is a user interface component that displays multiple images or content items within a single area. It allows users to navigate through slides automatically or manually using arrows or dots. Sliders are commonly used on websites to highlight key information, promotions, or featured content in an interactive way.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors