mirror of https://github.com/coddrago/Heroku
182 lines
2.1 KiB
CSS
182 lines
2.1 KiB
CSS
@keyframes fall {
|
|
0% {
|
|
opacity: .9;
|
|
top: 0
|
|
}
|
|
|
|
100% {
|
|
opacity: .2;
|
|
top: 100%
|
|
}
|
|
}
|
|
|
|
@keyframes blow-soft-left {
|
|
0% {
|
|
margin-left: 0
|
|
}
|
|
|
|
100% {
|
|
margin-left: -50%
|
|
}
|
|
}
|
|
|
|
@keyframes blow-medium-left {
|
|
0% {
|
|
margin-left: 0
|
|
}
|
|
|
|
100% {
|
|
margin-left: -100%
|
|
}
|
|
}
|
|
|
|
@keyframes blow-soft-right {
|
|
0% {
|
|
margin-left: 0
|
|
}
|
|
|
|
100% {
|
|
margin-left: 50%
|
|
}
|
|
}
|
|
|
|
@keyframes blow-medium-right {
|
|
0% {
|
|
margin-left: 0
|
|
}
|
|
|
|
100% {
|
|
margin-left: 100%
|
|
}
|
|
}
|
|
|
|
@keyframes sway-0 {
|
|
0% {
|
|
transform: rotate(-5deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(28deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(3deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-1 {
|
|
0% {
|
|
transform: rotate(10deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(43deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(15deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-2 {
|
|
0% {
|
|
transform: rotate(15deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(56deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(22deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-3 {
|
|
0% {
|
|
transform: rotate(25deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(74deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(37deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-4 {
|
|
0% {
|
|
transform: rotate(40deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(68deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(25deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-5 {
|
|
0% {
|
|
transform: rotate(50deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(78deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(40deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-6 {
|
|
0% {
|
|
transform: rotate(65deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(92deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(58deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-7 {
|
|
0% {
|
|
transform: rotate(72deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(118deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(68deg)
|
|
}
|
|
}
|
|
|
|
@keyframes sway-8 {
|
|
0% {
|
|
transform: rotate(94deg)
|
|
}
|
|
|
|
40% {
|
|
transform: rotate(136deg)
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(82deg)
|
|
}
|
|
}
|
|
|
|
.sakura {
|
|
pointer-events: none;
|
|
position: absolute
|
|
} |