2023-04-24 01:55:11 +02:00
|
|
|
.animate-zoom-1 {animation:animatezoom 0.3s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
2023-04-24 00:53:15 +02:00
|
|
|
.animate-zoom-2 {animation:animatezoom 0.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-zoom-3 {animation:animatezoom 0.7s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-zoom-4 {animation:animatezoom 0.9s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-zoom-5 {animation:animatezoom 1.1s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-zoom-6 {animation:animatezoom 1.3s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-zoom-7 {animation:animatezoom 1.5s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-zoom-8 {animation:animatezoom 1.7s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-zoom-9 {animation:animatezoom 1.9s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
|
|
|
|
|
.animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
|
|
|
|
|
.animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
2023-04-24 01:17:57 +02:00
|
|
|
.animate-top-1{position:relative;animation:animatetop 0.3s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
|
|
|
|
|
.animate-top-2{position:relative;animation:animatetop 0.5s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
|
|
|
|
|
.animate-top-3{position:relative;animation:animatetop 0.7s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
|
|
|
|
|
.animate-top-4{position:relative;animation:animatetop 0.9s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
|
|
|
|
|
.animate-top-5{position:relative;animation:animatetop 1.1}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
|
2023-04-24 02:06:51 +02:00
|
|
|
animate-bottom-1{position:relative;animation:animatebottom 0.3s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
|
|
|
|
animate-bottom-2{position:relative;animation:animatebottom 0.5s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
2023-04-24 01:22:46 +02:00
|
|
|
.animate-bottom-3{position:relative;animation:animatebottom 0.7s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
|
|
|
|
.animate-bottom-4{position:relative;animation:animatebottom 0.9s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
|
|
|
|
.animate-bottom-5{position:relative;animation:animatebottom 1.1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
|
|
|
|
.animate-bottom-6{position:relative;animation:animatebottom 1.3s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
|
2023-04-24 00:53:15 +02:00
|
|
|
|
|
|
|
|
.zoom-box {
|
|
|
|
|
-webkit-transition: -webkit-transform 0.2s;
|
|
|
|
|
transition: -webkit-transform 0.2s;
|
|
|
|
|
transition: transform 0.2s;
|
|
|
|
|
transition: transform 0.2s, -webkit-transform 0.2s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.zoom-box:hover {
|
|
|
|
|
-webkit-transform: scale(1.05);
|
|
|
|
|
transform: scale(1.05);
|
|
|
|
|
}
|
