From 6107fed9d0cbaa1f2ed30737baedf2de67e83f3c Mon Sep 17 00:00:00 2001
From: Thomas Voss <mail@thomasvoss.com>
Date: Sun, 2 Jul 2023 21:48:46 +0200
Subject: Improve proof animations

---
 src/style.css | 53 ++++++++++++++++++++++++++++-------------------------
 1 file changed, 28 insertions(+), 25 deletions(-)

(limited to 'src')

diff --git a/src/style.css b/src/style.css
index 00b95ef..d5da1b0 100644
--- a/src/style.css
+++ b/src/style.css
@@ -440,6 +440,10 @@ main section {
 	position: relative;
 }
 
+.have-proof:before { animation: slide 2s linear 1s infinite; }
+.have-proof:after  { animation: slide 2s linear 0s infinite; }
+
+.have-proof:before,
 .have-proof:after {
 	content: '';
 	top: 0;
@@ -448,49 +452,48 @@ main section {
 	height: 100%;
 	position: absolute;
 	z-index: 1;
-	animation: slide 6s infinite 0s;
 
 	background: -moz-linear-gradient(
 		left,
-		rgba(255, 255, 255, 0.0)   0%,
-		rgba(255, 255, 255, 0.4)  50%,
-		rgba(255, 255, 255, 0.0) 100%
+		rgba(255, 255, 255, 0.00)   0%,
+		rgba(255, 255, 255, 0.25)  40%,
+		rgba(255, 255, 255, 0.25)  60%,
+		rgba(255, 255, 255, 0.00) 100%
 	);
 	background: -webkit-linear-gradient(
 		left,
-		rgba(255, 255, 255, 0.0)   0%,
-		rgba(255, 255, 255, 0.4)  50%,
-		rgba(255, 255, 255, 0.0) 100%
+		rgba(255, 255, 255, 0.00)   0%,
+		rgba(255, 255, 255, 0.25)  40%,
+		rgba(255, 255, 255, 0.25)  60%,
+		rgba(255, 255, 255, 0.00) 100%
 	);
 	background: -ms-linear-gradient(
 		left,
-		rgba(255, 255, 255, 0.0)   0%,
-		rgba(255, 255, 255, 0.4)  50%,
-		rgba(255, 255, 255, 0.0) 100%
+		rgba(255, 255, 255, 0.00)   0%,
+		rgba(255, 255, 255, 0.25)  40%,
+		rgba(255, 255, 255, 0.25)  60%,
+		rgba(255, 255, 255, 0.00) 100%
 	);
 	background: -o-linear-gradient(
 		left,
-		rgba(255, 255, 255, 0.0)   0%,
-		rgba(255, 255, 255, 0.4)  50%,
-		rgba(255, 255, 255, 0.0) 100%
+		rgba(255, 255, 255, 0.00)   0%,
+		rgba(255, 255, 255, 0.25)  40%,
+		rgba(255, 255, 255, 0.25)  60%,
+		rgba(255, 255, 255, 0.00) 100%
 	);
 	background: linear-gradient(
 		to right,
-		rgba(255, 255, 255, 0.0)   0%,
-		rgba(255, 255, 255, 0.4)  50%,
-		rgba(255, 255, 255, 0.0) 100%
+		rgba(255, 255, 255, 0.00)   0%,
+		rgba(255, 255, 255, 0.25)  40%,
+		rgba(255, 255, 255, 0.25)  60%,
+		rgba(255, 255, 255, 0.00) 100%
 	);
 	background: -webkit-gradient(
 		linear, left top, right top,
-		color-stop(  0%, rgba(255, 255, 255, 0.0)),
-		color-stop( 50%, rgba(255, 255, 255, 0.4)),
-		color-stop(100%, rgba(255, 255, 255, 0.0))
-	);
-
-	filter: progid:DXImageTransform.Microsoft.gradient(
-		startColorstr="#00FFFFFF",
-		endColorstr="#007DB9E8",
-		GradientType=1
+		color-stop(  0%, rgba(255, 255, 255, 0.00)),
+		color-stop( 40%, rgba(255, 255, 255, 0.25)),
+		color-stop( 60%, rgba(255, 255, 255, 0.25)),
+		color-stop(100%, rgba(255, 255, 255, 0.00))
 	);
 }
 
-- 
cgit v1.2.3