https://github.com/adityamamta/glassmorphism-card

3D Rotating Card with Glassmorphism Design build with HTML & CSS
https://github.com/adityamamta/glassmorphism-card

card frontend-web glassmorphism html-css web-development

Last synced: 5 days ago
JSON representation

3D Rotating Card with Glassmorphism Design build with HTML & CSS

• Host: GitHub
• URL: https://github.com/adityamamta/glassmorphism-card
• Owner: adityamamta
• Created: 2024-12-02T15:07:31.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-02T15:11:33.000Z (about 1 month ago)
• Last Synced: 2024-12-02T16:28:40.395Z (about 1 month ago)
• Topics: card, frontend-web, glassmorphism, html-css, web-development
• Language: CSS
• Homepage: https://adityamamta.github.io/glassmorphism-card/
• Size: 680 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 3D Rotating Card with Glassmorphism Design

## 

A visually appealing profile card with a modern glassmorphism effect and subtle 3D rotation animation. Features a professional layout with hover effects, responsive design, and animated social media icons.

## Features

- **Glassmorphism Design**: A sleek design with background blur for a frosted glass effect.

- **3D Rotation Animation**: Smooth card animation with `transform` and `preserve-3d`.

- **Animated Social Icons**: Social media icons with reveal animations and hover effects.

- **Responsive Design**: Fully optimized for all screen sizes.

- **Interactive Button**: Contact button with a scalable hover effect.

## Technologies Used

- **HTML5**

- **CSS3**

  - Custom animations using `@keyframes` and transitions.

  - Modern styling techniques for a polished look.

- **Font Awesome**: For high-quality icons.

### 💼 Contact me 

- linkedin. [Linkedin](https://www.linkedin.com/in/adityamamta/)

- Email: [email protected]