cineflex/public/css/movies.css

31 lines
539 B
CSS

#movies {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
gap: 1rem;
}
/* Show .details on top of image */
#movies a {
position: relative;
}
#movies a .details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: grid;
place-content: center;
align-content: center;
background: var(--second-bg);
opacity: 0;
color: var(--default-text);
transition: all .5s;
}
#movies a:hover .details {
opacity: 0.7;
}