Added film animation effect to main ranking capsules.

250 · May 26, 2024 · 7e90648 · 7e90648
1 parent 6006b9a
commit 7e90648
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/assets/css/250.less b/assets/css/250.less
@@ -220,6 +220,7 @@ a.owned:before {
     margin-top: -9px;
     overflow: hidden;
     white-space: nowrap;
+    pointer-events: none;
 
     color: #111;
     background: #4F95BD url('/svg/burger.svg') no-repeat 5px 50%;
@@ -579,6 +580,16 @@ span.filtered {
     aspect-ratio: 184/69;
 
     line-height: 0;
+
+    >a[data-video] {
+        background: #121214;
+
+        >img:hover {
+            mask: url(/svg/film.svg) 0/cover;
+
+            animation: film .4s linear infinite;
+        }
+    }
 }
 .ranking > header ~ div > div:first-child > a,
 .compact.ranking li > a {