🧮 CSS Calculator with Loading Screen A simple, interactive web-based calculator featuring a smooth loading screen animation and a stylish, responsive layout. Built using HTML and CSS, this project demonstrates clean UI design with basic animations and modern UX touches.
⚙️ Features ⏳ Loading Screen with spinning animation and "Get Started" button
🎨 Responsive Calculator Layout using CSS Grid
🧠 Minimal and clean design for easy readability and usability
🌗 Smooth transitions and hover effects for better UX
🧮 Includes special function buttons like √π, e=, ⌫, %, and more
📱 Looks good on desktop and tablet screen sizes
🛠 Tech Stack HTML5 – structural layout
CSS3 – animations, transitions, responsive layout
(No JavaScript logic implemented yet — pure UI)
🚀 How to Use Clone or download the repo:
bash Copy Edit git clone https://github.com/ItzRahul-ai/calculator-project.git cd css-calculator-ui Open index.html or calculator.html directly in your browser.
💡 You can add JavaScript functionality later to make the calculator fully functional.