Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ•’ Digital Clock β€” Modern Animated UI

A beautifully designed Digital Clock built using HTML, CSS, and JavaScript, featuring animated gradients, soft visual effects, and a clean modern UI. It displays live time in a 12-hour format with AM/PM, updating every second for a smooth real-time experience.


πŸš€ Features

🎨 Modern UI & Animation

  • Gradient background
  • Animated pseudo-elements for glowing visual effects
  • Glass-style clock container
  • Responsive and centered layout

πŸ•’ Real-Time Clock

  • Auto-updates every second
  • 12-hour time format
  • Leading-zero formatting (e.g., 09 : 05 : 07)
  • AM/PM indicator

πŸ’‘ Clean & Organized Code

  • Well-structured CSS
  • Smooth animation using keyframes
  • JavaScript handles all real-time logic

πŸ“‚ Project Structure

πŸ“¦ Digital Clock
│── index.html
│── style.css
│── script.js

πŸ“Έ Preview

Digital Clock Preview


πŸ› οΈ Technologies Used

  • HTML5
  • CSS3 (animations, gradients, responsive UI)
  • JavaScript (real-time clock logic)

About

A modern digital clock UI with glowing gradients and animated background elements. Shows live time with automatic formatting and seamless second-by-second updates.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages