abgame/static/css/animations.css

80 lines
1.3 KiB
CSS
Raw Permalink Normal View History

2023-06-05 17:05:27 +02:00
label.a.slide1 {
2023-06-05 13:03:52 +02:00
animation-duration: 1s;
animation-name: slideinfromleft;
position: relative;
}
2023-06-05 17:05:27 +02:00
label.a.slide2 {
animation-duration: 1.25s;
animation-name: slideinfromleft;
position: relative;
}
label.a.slide3 {
animation-duration: 1.5s;
animation-name: slideinfromleft;
position: relative;
}
label.a.slide4 {
animation-duration: 1.75s;
animation-name: slideinfromleft;
position: relative;
}
label.a.slide5 {
animation-duration: 2s;
animation-name: slideinfromleft;
position: relative;
}
2023-06-05 13:03:52 +02:00
@keyframes slideinfromleft {
from {
left: -640px;
}
to {
left: 0;
}
}
2023-06-05 17:05:27 +02:00
label.b.slide1 {
2023-06-05 13:03:52 +02:00
animation-duration: 1s;
animation-name: slideinfromright;
position: relative;
}
2023-06-05 17:05:27 +02:00
label.b.slide2 {
animation-duration: 1.25s;
animation-name: slideinfromright;
position: relative;
}
label.b.slide3 {
animation-duration: 1.5s;
animation-name: slideinfromright;
position: relative;
}
label.b.slide4 {
animation-duration: 1.75s;
animation-name: slideinfromright;
position: relative;
}
label.b.slide5 {
animation-duration: 2s;
animation-name: slideinfromright;
position: relative;
}
2023-06-05 13:03:52 +02:00
@keyframes slideinfromright {
from {
left: 640px;
}
to {
left: 0;
}
}