opacity 50% reduction

Sneffel · Jul 14, 2024 · d154171 · d154171
1 parent 6a1dd6b
commit d154171
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 1 deletion.
diff --git a/web/demodar/assets/scratches/1.webp b/web/demodar/assets/scratches/1.webp
diff --git a/web/demodar/assets/scratches/4.webp b/web/demodar/assets/scratches/4.webp
diff --git a/web/demodar/css/gallery.css b/web/demodar/css/gallery.css
@@ -44,6 +44,8 @@
     mix-blend-mode: multiply;
     background-color: #888671;
     opacity: .5;
+    transition: 0.5s ease-out;
+
 }
 
 
@@ -61,7 +63,17 @@
 }
 
 .gallery .slide:hover img {
-    filter: brightness(1.3);
+    filter: brightness(1.1);
+}
+.gallery .slide:hover .scratch-overlay {
+    opacity: .33;
+    filter: brightness(0.95);
+
+}
+@media all and (width <= 1000px){
+    .gallery .slide img {
+        filter: brightness(1.2);
+    }
 }
 
 .gallery .slide.is-previous {