diff options
| author | Paul Buetow <paul@buetow.org> | 2022-03-06 09:25:55 +0000 |
|---|---|---|
| committer | Paul Buetow <paul@buetow.org> | 2022-03-06 09:25:55 +0000 |
| commit | d301e269ae99a5eb3bbab803b109f9c1ba8c4e35 (patch) | |
| tree | d6a26ef8cd5fae5710e62dfc3f3c652b8f4c3bbd | |
| parent | f47d362dbffbbce79ef11f4fa4ec1467846cc583 (diff) | |
slow is 2s and not 3s
| -rw-r--r-- | share/templates/default/header.tmpl | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/share/templates/default/header.tmpl b/share/templates/default/header.tmpl index 29c24d1..f228f31 100644 --- a/share/templates/default/header.tmpl +++ b/share/templates/default/header.tmpl @@ -50,18 +50,18 @@ cat <<END .animate-none{} .animate-fading {animation:fading 10s}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} - .animate-opacity-slow {animation:opac 3.0s}@keyframes opac{from{opacity:0} to{opacity:1}} - .animate-top-slow {position:relative;animation:animatetop 3.0s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} - .animate-left-slow {position:relative;animation:animateleft 3.0s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} - .animate-right-slow {position:relative;animation:animateright 3.0s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} - .animate-bottom-slow {position:relative;animation:animatebottom 3.0s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} - .animate-zoom-slow {animation:animatezoom 3.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} + .animate-opacity-slow {animation:opac 2.0s}@keyframes opac{from{opacity:0} to{opacity:1}} + .animate-top-slow {position:relative;animation:animatetop 2.0s}@keyframes animatetop{from{top:-2.0px;opacity:0} to{top:0;opacity:1}} + .animate-left-slow {position:relative;animation:animateleft 2.0s}@keyframes animateleft{from{left:-2.0px;opacity:0} to{left:0;opacity:1}} + .animate-right-slow {position:relative;animation:animateright 2.0s}@keyframes animateright{from{right:-2.0px;opacity:0} to{right:0;opacity:1}} + .animate-bottom-slow {position:relative;animation:animatebottom 2.0s}@keyframes animatebottom{from{bottom:-2.0px;opacity:0} to{bottom:0;opacity:1}} + .animate-zoom-slow {animation:animatezoom 2.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .animate-opacity-fast {animation:opac 0.5s}@keyframes opac{from{opacity:0} to{opacity:1}} - .animate-top-fast {position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} - .animate-left-fast {position:relative;animation:animateleft 0.5s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} - .animate-right-fast {position:relative;animation:animateright 0.5s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} - .animate-bottom-fast {position:relative;animation:animatebottom 0.5s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} + .animate-top-fast {position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-2.0px;opacity:0} to{top:0;opacity:1}} + .animate-left-fast {position:relative;animation:animateleft 0.5s}@keyframes animateleft{from{left:-2.0px;opacity:0} to{left:0;opacity:1}} + .animate-right-fast {position:relative;animation:animateright 0.5s}@keyframes animateright{from{right:-2.0px;opacity:0} to{right:0;opacity:1}} + .animate-bottom-fast {position:relative;animation:animatebottom 0.5s}@keyframes animatebottom{from{bottom:-2.0px;opacity:0} to{bottom:0;opacity:1}} .animate-zoom-fast {animation:animatezoom 0.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} </style> </head> |