diff options
| author | Fuwn <[email protected]> | 2024-04-22 06:43:16 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-04-22 06:43:16 -0700 |
| commit | faa4a7f3df8af45540caa57b369f82a082ac88bd (patch) | |
| tree | d565eea9239ad8c818e1c4f6eb11a3c9a5ecbfd7 /src/lib/List/covers.css | |
| parent | feat(list): parallax covers (diff) | |
| download | due.moe-faa4a7f3df8af45540caa57b369f82a082ac88bd.tar.xz due.moe-faa4a7f3df8af45540caa57b369f82a082ac88bd.zip | |
feat(list): pin text, transform cover
Diffstat (limited to 'src/lib/List/covers.css')
| -rw-r--r-- | src/lib/List/covers.css | 20 |
1 files changed, 8 insertions, 12 deletions
diff --git a/src/lib/List/covers.css b/src/lib/List/covers.css index 3cd89baa..e4dcd234 100644 --- a/src/lib/List/covers.css +++ b/src/lib/List/covers.css @@ -17,23 +17,19 @@ } .cover-card { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - transition: transform 0.3s ease; - box-sizing: border-box; display: inline-block; - padding: 0.1em; - margin: -0.1em; - box-sizing: content-box; } -.cover-card:hover { +.cover-card-image { + border-radius: 8px; + transition: transform 0.45s ease, box-shadow 0.45s ease; + margin-bottom: 0.5em; +} + +.cover-card-image:hover { transform: scale(1.1); position: relative; - z-index: 2; - transition: transform 0.3s ease; + transition: transform 0.45s ease, box-shadow 0.45s ease; } .entry::after { |