diff options
| author | Paul Buetow <paul@buetow.org> | 2022-03-06 22:45:32 +0000 |
|---|---|---|
| committer | Paul Buetow <paul@buetow.org> | 2022-03-06 22:45:32 +0000 |
| commit | e5530ef60d0404431b7d6493eb7793a5d59a35dd (patch) | |
| tree | e41678f19f4416a03e455adc0d977f2672fc61ba | |
| parent | 239c39f8165b727fd9ddc9ac881a00da03ffd9ac (diff) | |
fix animations
| -rw-r--r-- | share/templates/default/header.tmpl | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/share/templates/default/header.tmpl b/share/templates/default/header.tmpl index 010d3d5..932fbb8 100644 --- a/share/templates/default/header.tmpl +++ b/share/templates/default/header.tmpl @@ -65,17 +65,17 @@ cat <<END .animate-fading {animation:fading 10s}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} .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-top-slow {position:relative;animation:animatetop 2.0s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} + .animate-left-slow {position:relative;animation:animateleft 2.0s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} + .animate-right-slow {position:relative;animation:animateright 2.0s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} + .animate-bottom-slow {position:relative;animation:animatebottom 2.0s}@keyframes animatebottom{from{bottom:-300px;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:-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-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-zoom-fast {animation:animatezoom 0.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} </style> </head> |