Skip to content

A simple one-page website built with HTML and CSS showcasing 4 types of hover effects — Transition, Transform, Box Shadow, and Clip Path. Includes a clean navigation bar, hero section, and responsive layout design.

License

shahbajtahershezan/navbar-hover-effects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

🎨 CSS Hover Effects Website

A modern single-page website built with pure HTML and CSS that demonstrates 4 different hover effect techniques:

  1. Transition – Smooth background and color changes
  2. Transform – Scale and rotation effects
  3. Box Shadow – Depth and lift animations
  4. Clip Path – Stylish shape transformations

🧩 Features

  • Fixed top-right navigation bar
  • Interactive hover animations
  • Simple hero section
  • Fully responsive design

🚀 Tech Stack

  • HTML5
  • CSS3 (Transition, Transform, Box Shadow, Clip Path)

📷 Preview

(You can add a screenshot here later)


Author: Shahbaj
Year: 2025

About

A simple one-page website built with HTML and CSS showcasing 4 types of hover effects — Transition, Transform, Box Shadow, and Clip Path. Includes a clean navigation bar, hero section, and responsive layout design.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages