Skip to content

Commit 87a00c4

Browse files
authored
Update README.md
1 parent c928b0a commit 87a00c4

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

README.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22

33
### Overview of the Project:
44
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). <br>
5+
https://github.com/EpicNesh26/ChromaGrid/blob/c928b0ae6798e00647330eedd2d3e4fe9935578d/style.css#L16-L28
56

67
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. <br>
78

0 commit comments

Comments
 (0)