https://github.com/hasibcoderlab/photo-transition-website
A simple photo transition website with smooth hover effects, stylish animations, and a modern design. Features include interactive image transformations, gradient buttons, and a structured layout. 🚀✨
https://github.com/hasibcoderlab/photo-transition-website
css-transform css-transition html-css portfolio-website
Last synced: about 2 months ago
JSON representation
A simple photo transition website with smooth hover effects, stylish animations, and a modern design. Features include interactive image transformations, gradient buttons, and a structured layout. 🚀✨
- Host: GitHub
- URL: https://github.com/hasibcoderlab/photo-transition-website
- Owner: HasibCoderLab
- Created: 2025-01-29T15:51:58.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-29T16:17:36.000Z (4 months ago)
- Last Synced: 2025-02-14T01:43:56.297Z (3 months ago)
- Topics: css-transform, css-transition, html-css, portfolio-website
- Language: HTML
- Homepage: https://photo-transition-website.vercel.app/
- Size: 734 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📸 Photo Transition Website
A simple **photo transition website** with smooth hover effects, stylish animations, and a modern design. Built using **HTML & CSS**. 🚀✨
---
## 📂 Project File Structure
```
Photo-Transition-Website/
│── images/ # Folder for images
│ ├── work.1.jfif
│ ├── work.2.jfif
│ ├── work.3.jfif
│ ├── work.4.jfif
│── background/ # Folder for background images
│ ├── top-banner.png
│ ├── dream-bg.png
│ ├── exp-bg.png
│── index.html # Main HTML file
│── style.css # Main CSS file
│── README.md # Project documentation
```
---
## 🚀 Features
✅ **Smooth image transitions** & hover effects
✅ **Gradient buttons** for stylish interactions
✅ **Responsive layout** with a clean UI
✅ Sections for **experience, latest work, and personal introduction**
---
## 🛠 Technologies Used
- **HTML** – Structured webpage elements
- **CSS** – Styling, animations, and hover effects
---
## 📸 Preview
---
## 🔧 How to Use
### 🔹 Clone the Repository
```bash
git clone https://github.com/HasibCoderLab/Photo-Transition-Website.git
```
### 🔹 Open in Browser
Simply open `index.html` in your preferred browser.
---
## 🔗 Live Demo
👉 [Visit the Website](https://photo-transition-website.vercel.app/)
---
## 👨💻 Author
**Mohammad Hasib Hasan**
- 🌐 [LinkedIn](https://www.linkedin.com/in/mohammod-hasib-hasan-coder-boy/)
- 📺 [YouTube](https://www.youtube.com/@CodeFusionary)
---
⭐ **Feel free to fork, star, and contribute!** 😊