A pixel-perfect chat app interface built with HTML & CSS. Featuring responsive design, gradient backgrounds, realistic chat bubbles, and interactive pricing cards.

This demo shows how to create a nice glossy effect with a combination of CSS3 gradients.

This repository contains code for CSS background patterns.

My 4th project on Microverse's HTML&CSS Course - Learning about CSS Gradients and Backgrounds

Modern gradient cards built with HTML/CSS

Playing around with CSS gradients and soccer jerseys.

The "City Skyline" project is part of the FreeCodeCamp.org Responsive Web Design course. This project serves as a learning focus for implementing CSS variables, responsiveness using percentage/vh/vw values, CSS gradients, and CSS borders to create a visually appealing representation of a city skyline.

A Minimal (Not)to-do list app using HTML5, CSS3, jQuery and JavaScript

This project demonstrates a simple method of applying a CSS gradient to a rounded border using background-clip, providing a solution to the problem where border-radius alone won't create rounded corners when a gradient is applied using border-image.

This project is a random CSS gradient generator made using HTML, CSS and JavaScript. This generates new gradients by changing the angle, the colours and the shadow using JS everytime the user clicks the 'Generate' button.

Drop down menu with css

This project demonstrates how the CSS clip-path property can be used to create a variety of shaped gradient borders.

CSS grids + random things about me

A Study in CSS Gradients

Styled circular responsive radio buttons with css gradients that change on click

This project demonstrates how CSS radial gradients can be used to create a focusable spotlight effect.

Create flash cards with vanilla Javascript

Css Basic Properties

Skilled E-Learnig landing page

This project showcases an interactive, color-shifting 3D cube using pure CSS. It demonstrates advanced CSS techniques including 3D transforms, custom properties, and animations.