Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
@EpicNesh26
EpicNesh26 authored May 8, 2024
1 parent 87a00c4 commit 9d95764
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ ChromaGrid is a simple grid layout that displays a series of cards with a hover
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. <br>
https://github.com/EpicNesh26/ChromaGrid/blob/87a00c42ece811ba73833faed9fda15c479bedc0/style.css#L32-L39

The card also has an ::after pseudo-element that creates a semi-transparent background, giving the card a subtle shadow effect.
<br>
Expand Down

0 comments on commit 9d95764

Please sign in to comment.