Skip to content

This project is a digital clock designed with a glassmorphism style. I created this project to learn and explore the glassmorphism design trend

Notifications You must be signed in to change notification settings

Migrim/Glassmorphism-Clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Glassmorphism Digital Clock

This project is a digital clock designed with a glassmorphism style. I created this project to learn and explore the glassmorphism design trend, which combines frosted-glass effects with smooth gradients and subtle shadows.

Glassmorphism Digital Clock - Dark Mode Glassmorphism Digital Clock - Light Mode

Features

  • Real-time digital clock
  • Glassmorphism design elements
  • Responsive layout
  • Switch between dark mode and light mode with a left-click

Technologies Used

  • HTML
  • CSS
  • JavaScript

How to Switch Between Modes

You can toggle between dark mode and light mode by clicking anywhere on the clock with the left mouse button. The clock starts in dark mode by default.

How to Run

  1. Clone the repository
  2. Open index.html in your browser

About

This project is a digital clock designed with a glassmorphism style. I created this project to learn and explore the glassmorphism design trend

Topics

Resources

Stars

Watchers

Forks