diff options
| author | Thomas Voss <mail@thomasvoss.com> | 2023-07-02 21:48:46 +0200 |
|---|---|---|
| committer | Thomas Voss <mail@thomasvoss.com> | 2023-07-02 21:48:46 +0200 |
| commit | 6107fed9d0cbaa1f2ed30737baedf2de67e83f3c (patch) | |
| tree | 399bdb98e2211c9a4a2c486406476af2d0430577 /src | |
| parent | 990683043b46d69a5993b429490d5c93f043435c (diff) | |
Improve proof animations
Diffstat (limited to 'src')
| -rw-r--r-- | src/style.css | 53 |
1 files changed, 28 insertions, 25 deletions
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)) ); } |