From 961a4d7acde46891370fe8ca22b04627f3ff8d5e Mon Sep 17 00:00:00 2001 From: db-2001 Date: Wed, 25 Oct 2023 21:02:27 -0400 Subject: [PATCH] Modified Manga CSS Hover Styling --- Website/style.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/Website/style.css b/Website/style.css index 486a5dd..60e75d3 100644 --- a/Website/style.css +++ b/Website/style.css @@ -208,17 +208,29 @@ publication{ flex-shrink: 0; } +publication:hover { + background-color: black; +} + +publication:hover > img { + opacity: 0.5; +} + +publication:hover > publication-information { + display: flex; + opacity:1; +} + publication::after{ content: ''; position: absolute; left: 0; top: 0; border-radius: 5px; 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 { - display: flex; + display: none; flex-direction: column; justify-content: start; }