glax/Tranga-Website
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Modified Manga CSS Hover Styling

Browse Source
This commit is contained in:
db-2001 2023-10-25 20:56:19 -04:00
parent e6cd110f1f
commit 2773098514
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
Website/style.css
View File

@ -208,17 +208,29 @@ publication{
flex-shrink: 0; flex-shrink: 0;
} }
publication:hover {
background-color: black;
}
publication:hover > img {
opacity: 0.5;
}
publication:hover > publication-information {
display: flex;
opacity:1;
}
publication::after{ publication::after{
content: ''; content: '';
position: absolute; position: absolute;
left: 0; top: 0; left: 0; top: 0;
border-radius: 5px; border-radius: 5px;
width: 100%; height: 100%; width: 100%; height: 100%;
background: linear-gradient(rgba(0,0,0,0.8), rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.2));
} }
publication-information { publication-information {
display: flex; display: none;
flex-direction: column; flex-direction: column;
justify-content: start; justify-content: start;
} }