4,554
edits
No edit summary |
No edit summary |
||
Line 45: | Line 45: | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
#overlay { | #overlay { | ||
display: none; | |||
position: fixed; | position: fixed; | ||
top: 0; | top: 0; | ||
Line 52: | Line 52: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
background-color: rgba(255, 255, 255, 0); /* | background-color: rgba(255, 255, 255, 0.9); /* White background with opacity */ | ||
z-index: 1000; /* | z-index: 1000; /* Adjust the z-index as needed */ | ||
} | } | ||
#overlay.fade-out { | #overlay.fade-out { | ||
animation: fadeOut 0.5s ease-in-out; /* Adjust the duration as needed */ | |||
} | } | ||
@keyframes fadeOut { | |||
from { | |||
opacity: 1; | |||
} | |||
to { | |||
opacity: 0; | |||
} | |||
} | |||
.card { | .card { |