You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+1Lines changed: 1 addition & 0 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -2,6 +2,7 @@
2
2
3
3
### Overview of the Project:
4
4
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>
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>
0 commit comments