From 87a00c42ece811ba73833faed9fda15c479bedc0 Mon Sep 17 00:00:00 2001 From: Nesh Date: Wed, 8 May 2024 23:23:44 +0530 Subject: [PATCH] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 67a1325..b012afd 100644 --- a/README.md +++ b/README.md @@ -2,6 +2,7 @@ ### Overview of the Project: ChromaGrid is a simple grid layout that displays a series of cards with a hover effect. The layout is created using CSS Grid and has a 4x4 grid with each card having a width and height of 150px. The cards are positioned relatively and have a background color of rgba(45, 45, 45, 1).
+https://github.com/EpicNesh26/ChromaGrid/blob/c928b0ae6798e00647330eedd2d3e4fe9935578d/style.css#L16-L28 When the user hovers over a card, a radial gradient appears in the center of the card, creating a subtle animation effect. The gradient is created using the ::before pseudo-element and is positioned using the --x and --y custom properties. The gradient's opacity is set to 0 by default and transitions to 1 when the user hovers over the card.