diff options
Diffstat (limited to 'src/app/movies/styles/pop_trend.module.css')
| -rw-r--r-- | src/app/movies/styles/pop_trend.module.css | 21 |
1 files changed, 10 insertions, 11 deletions
diff --git a/src/app/movies/styles/pop_trend.module.css b/src/app/movies/styles/pop_trend.module.css index 9b94078..2e9ebd9 100644 --- a/src/app/movies/styles/pop_trend.module.css +++ b/src/app/movies/styles/pop_trend.module.css @@ -8,13 +8,11 @@ margin: 0 0 0.5rem 0; text-align: center; color: transparent; - background: linear-gradient( - 90deg, - var(--neon-green) 40%, - var(--light-green) 60%, - var(--neon-yellow) 80%, - var(--soft-purple) 100% - ); + background: linear-gradient(90deg, + var(--neon-green) 40%, + var(--light-green) 60%, + var(--neon-yellow) 80%, + var(--soft-purple) 100%); background-size: 60% 50%; background-clip: text; } @@ -36,7 +34,7 @@ .MovieContainer:hover .MovieEntryPrev:hover { opacity: 1; - scale: 1.02; + scale: 1.015; } .MovieEntryPrev { @@ -52,15 +50,16 @@ justify-content: center; flex-direction: column; cursor: pointer; - backdrop-filter: blur(5px); + backdrop-filter: blur(10px); } .MovieEntry img { border-radius: 0.5rem; + box-shadow: 0px 0px 10px 8px rgb(32, 32, 32); } .MovieEntry p { - width: 190px; + width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; @@ -79,4 +78,4 @@ overflow-x: auto; overflow-y: hidden; } -} +}
\ No newline at end of file |