Skip to content

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

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages