58 lines
1.2 KiB
SCSS
58 lines
1.2 KiB
SCSS
@keyframes fadein {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
@keyframes fadeout {
|
|
from { opacity: 1; }
|
|
to { opacity: 0; }
|
|
}
|
|
@keyframes rotate360 {
|
|
from { transform: rotate(0deg); }
|
|
to { transform: rotate(360deg); }
|
|
}
|
|
@keyframes slide-right {
|
|
from { transform: translateX(-100%); }
|
|
to { transform: translateX(0%); }
|
|
}
|
|
@keyframes slide-left {
|
|
from { transform: translateX(100%); }
|
|
to { transform: translateX(0%); }
|
|
}
|
|
@keyframes slide-top {
|
|
from { transform: translateY(100%); }
|
|
to { transform: translateY(0%); }
|
|
}
|
|
@keyframes slide-bottom {
|
|
from { transform: translateY(-100%); }
|
|
to { transform: translateY(0%); }
|
|
}
|
|
@keyframes scale0-1 {
|
|
from { transform: scale(0); }
|
|
to { transform: scale(1); }
|
|
}
|
|
@keyframes scale0-0dot5 {
|
|
from { transform: scale(0); }
|
|
to { transform: scale(0.5); }
|
|
}
|
|
@keyframes scale1-0dot5 {
|
|
from { transform: scale(1); }
|
|
to { transform: scale(0.5); }
|
|
}
|
|
@keyframes scale10 {
|
|
from { transform: scale(1); }
|
|
to { transform: scale(10); }
|
|
}
|
|
@keyframes scale1dot5 {
|
|
from { transform: scale(1); }
|
|
to { transform: scale(1.5); }
|
|
}
|
|
|
|
@keyframes width0-100 {
|
|
from { width: 0; }
|
|
to { width: 100%; }
|
|
}
|
|
@keyframes height0-100 {
|
|
from { height: 0; }
|
|
to { height: 100%; }
|
|
}
|