A stylish card layout built with HTML5 and CSS3, demonstrating CSS positioning, z-index layering, circular backgrounds, and responsive card design.
-
Updated
Apr 8, 2026 - HTML
A stylish card layout built with HTML5 and CSS3, demonstrating CSS positioning, z-index layering, circular backgrounds, and responsive card design.
Completed as part of FreeCodeCamp's Responsive Web Design course, this project explores CSS concepts (Box Model, Borders, Filters, Transforms). Through a Rothko-inspired painting, I gained practical CSS skills in layout manipulation, borders, filters, and transformations.
An interactive image card layout built with HTML5 and CSS3, featuring hover effects, hidden text overlays, buttons, and background image cards.
Css Basic Properties
A modern card template built with HTML5 and CSS3, featuring images, descriptive content, buttons, and a clean card-based layout.
A simple loading animation built with HTML5 and CSS3, featuring animated transparent circles using CSS keyframes and opacity transitions.
A collection of CSS Utility generators with ReactJS
Simplified Border radius generator for CSS application, easy and reliable.
A responsive app showcase template built with HTML5 and CSS3, featuring CSS Grid, image cards, media queries, and a modern dashboard-style layout.
A simple loading animation built with HTML5 and CSS3, featuring animated scaling circles using CSS keyframes for smooth and modern loader effects.
Add a description, image, and links to the css-border-radius topic page so that developers can more easily learn about it.
To associate your repository with the css-border-radius topic, visit your repo's landing page and select "manage topics."