fix:remove filters from css

donkeyclip · May 9, 2023 · b44ef01 · b44ef01
1 parent d2bfe40
commit b44ef01
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 27 deletions.
diff --git a/clip/scenes/scene-1/index.css b/clip/scenes/scene-1/index.css
@@ -39,7 +39,7 @@
   background-size: cover; 
   background-position: center;
   background-repeat: no-repeat;
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
 }
 
 .text-container{

diff --git a/clip/scenes/scene-2/index.css b/clip/scenes/scene-2/index.css
@@ -14,7 +14,7 @@
 }
 
 .background-container{
-        filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         left:-120%;
 }
@@ -23,7 +23,7 @@
   width: 1050px;
   height: 500px;
   background: url({{initParams.slide1.backgroundImage}});
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
   background-color: aliceblue;
   background-clip: border-box;
   background-origin: border-box;  
@@ -62,7 +62,7 @@
 }
 
 .face-container{
-        filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(-10px -20px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(-10px -20px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         left:-100%;
 }
@@ -71,7 +71,7 @@
         width: 1050px;
         height: 500px;
         background: url({{initParams.slide1.centerImage}});  
-        filter: sepia(30%) brightness(90%);
+        /* filter: sepia(30%) brightness(90%); */
         background-size: contain; 
         background-position: center;
         background-repeat: repeat;

diff --git a/clip/scenes/scene-3/index.css b/clip/scenes/scene-3/index.css
@@ -14,7 +14,7 @@
 }
 
 .background-container{
-        filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         right:-120%;
 }
@@ -23,7 +23,7 @@
   width: 1050px;
   height: 500px;
   background: url({{initParams.slide2.backgroundImage}});  
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
   background-color: aliceblue;
   background-clip: border-box;
   background-origin: border-box;  
@@ -63,7 +63,7 @@
 }
 
 .face-container{
-        filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(-10px -20px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(-10px -20px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         right:-100%;
 }
@@ -72,7 +72,7 @@
         width: 1050px;
         height: 500px;
         background: url({{initParams.slide2.centerImage}});     
-        filter: sepia(30%) brightness(90%);
+        /* filter: sepia(30%) brightness(90%); */
         background-size: contain; 
         background-position: center;
         background-repeat: repeat;

diff --git a/clip/scenes/scene-4/index.css b/clip/scenes/scene-4/index.css
@@ -14,7 +14,7 @@
 }
 
 .background-container{
-        filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         top:-190%;
 }
@@ -23,7 +23,7 @@
   width: 800px;
   height: 610px;
   background: url({{initParams.slide3.backgroundImage}});  
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
   background-color: aliceblue;
   background-clip: border-box;
   background-origin: border-box;  
@@ -61,7 +61,7 @@
 }
 
 .face-container{
-        filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(10px -20px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(10px -20px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         top:-120%;
 }
@@ -70,7 +70,7 @@
         width: 1050px;
         height: 500px;
         background: url({{initParams.slide3.centerImage}});    
-        filter: sepia(30%) brightness(90%);
+        /* filter: sepia(30%) brightness(90%); */
         background-size: contain; 
         background-position: center;
         background-repeat: repeat;

diff --git a/clip/scenes/scene-5/index.css b/clip/scenes/scene-5/index.css
@@ -14,7 +14,7 @@
 }
 
 .background-container{
-        filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         bottom:-130%;
         left: 0%;
@@ -24,7 +24,7 @@
   width: 1050px;
   height: 610px;
   background: url({{initParams.slide4.backgroundImage}});  
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
   background-color: aliceblue;
   background-clip: border-box;
   background-origin: border-box;  
@@ -61,7 +61,7 @@
 }
 
 .face-container{
-        filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(10px -20px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(10px -20px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         bottom:-120%;
 }
@@ -70,7 +70,7 @@
         width: 800px;
         height: 610px;
         background: url({{initParams.slide4.centerImage}});  
-        filter: sepia(30%) brightness(90%);
+        /* filter: sepia(30%) brightness(90%); */
         background-size: contain; 
         background-position: center;
         background-repeat: repeat;

diff --git a/clip/scenes/scene-6/index.css b/clip/scenes/scene-6/index.css
@@ -14,7 +14,7 @@
 }
 
 .background-container{
-        filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         left:-120%;
 }
@@ -23,7 +23,7 @@
   width: 1050px;
   height: 500px;
   background: url({{initParams.slide5.backgroundImage}});
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
   background-color: aliceblue;
   background-clip: border-box;
   background-origin: border-box;  
@@ -62,7 +62,7 @@
 }
 
 .face-container{
-        filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(-10px -20px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(-10px -20px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         left:-100%;
 }
@@ -71,7 +71,7 @@
         width: 1050px;
         height: 500px;
         background: url({{initParams.slide5.centerImage}});  
-        filter: sepia(30%) brightness(90%);
+        /* filter: sepia(30%) brightness(90%); */
         background-size: contain; 
         background-position: center;
         background-repeat: repeat;

diff --git a/clip/scenes/scene-7/index.css b/clip/scenes/scene-7/index.css
@@ -14,7 +14,7 @@
 }
 
 .background-container{
-        filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         top:-135%;
 }
@@ -23,7 +23,7 @@
   width: 800px;
   height: 610px;
   background: url({{initParams.slide6.backgroundImage}});  
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
   background-color: aliceblue;
   background-clip: border-box;
   background-origin: border-box;  
@@ -61,7 +61,7 @@
 }
 
 .face-container{
-        filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(10px -20px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 30px 20px rgba(0,0,0,0.8)) drop-shadow(10px -20px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         top:-120%;
 }
@@ -70,7 +70,7 @@
         width: 1050px;
         height: 500px;
         background: url({{initParams.slide6.centerImage}});    
-        filter: sepia(30%) brightness(90%);
+        /* filter: sepia(30%) brightness(90%); */
         background-size: contain; 
         background-position: center;
         background-repeat: repeat;

diff --git a/clip/scenes/scene-8/index.css b/clip/scenes/scene-8/index.css
@@ -14,7 +14,7 @@
 }
 
 .background-container{
-        filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8));
+        /* filter: drop-shadow(10px 50px 20px rgba(0,0,0,0.8)); */
         position: absolute;
         bottom:-135%;
         left: 0%;
@@ -24,7 +24,7 @@
   width: 800px;
   height: 610px;
   background: url({{initParams.outro.backgroundImage}});  
-  filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%);
+  /* filter:saturate(50%) sepia(100%) contrast(25%) saturate(170%); */
   background-color: aliceblue;
   background-clip: border-box;
   background-origin: border-box;