This repository contains mini web development projects to practice and showcase HTML, CSS, and JavaScript skills.
A responsive Spotify UI clone built with HTML, CSS, and JavaScript.
A simple static timetable layout using HTML and CSS.
A basic chessboard built using CSS Grid layout.
An HTML form project with basic styling and structure.
A dedicated project to demonstrate two types of hover animations:
ease-intransform-based scaling- left-to-right background color filling using
::before
This project includes both animations, with the ability to comment/uncomment CSS blocks to toggle between effects and understand their behavior. It's ideal for animation learning and comparison.
Elements use ease-in timing to create a smooth, natural starting motion for transforms and background color changes.
transition: all 0.4s ease-in;
transform: scale(1.05);