diff options
| author | Paul Buetow <paul@buetow.org> | 2022-03-05 11:50:41 +0000 |
|---|---|---|
| committer | Paul Buetow <paul@buetow.org> | 2022-03-05 11:50:41 +0000 |
| commit | 0b934a44b201b6770c560ac5f11b4713a8290897 (patch) | |
| tree | 59303dd97a4febcc7510becdd2a0c85529a81452 | |
| parent | e044cd54a39f38526ba7ed986df56ab2973e0329 (diff) | |
slow down animations
| -rw-r--r-- | share/templates/default/header.tmpl | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/share/templates/default/header.tmpl b/share/templates/default/header.tmpl index c0c7c21..29f994d 100644 --- a/share/templates/default/header.tmpl +++ b/share/templates/default/header.tmpl @@ -50,12 +50,12 @@ cat <<END .animate-none{} .animate-fading{animation:fading 10s}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} - .animate-opacity{animation:opac 0.4s}@keyframes opac{from{opacity:0} to{opacity:1}} - .animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} - .animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} - .animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} - .animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} - .animate-zoom {animation:animatezoom 0.4s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} + .animate-opacity{animation:opac 2.0s}@keyframes opac{from{opacity:0} to{opacity:1}} + .animate-top{position:relative;animation:animatetop 3.0s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} + .animate-left{position:relative;animation:animateleft 3.0s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} + .animate-right{position:relative;animation:animateright 3.0s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} + .animate-bottom{position:relative;animation:animatebottom 3.0s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} + .animate-zoom {animation:animatezoom 3.0s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} </style> </head> |