83 lines
1.0 KiB
SCSS
83 lines
1.0 KiB
SCSS
@keyframes fade {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes zoomIn {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(0.75);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
@keyframes zoomOut {
|
|
0% {
|
|
opacity: 0;
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
}
|
|
|
|
|
|
@keyframes moveUp {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(25px);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes columnMoveUp {
|
|
0% {
|
|
opacity: 0;
|
|
transform: translateY(25px);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes fallPerspective {
|
|
0% {
|
|
opacity: 0;
|
|
transform: perspective(1000px) translateY(50px) translateZ(-300px) rotateX(-35deg);
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
transform: perspective(1000px) translateY(0) translateZ(0) rotateX(0deg);
|
|
}
|
|
}
|
|
|
|
@keyframes edit-button-pulse {
|
|
0% {
|
|
box-shadow: 0 0 2px 0 rgba( 183, 8, 78, 0.6);
|
|
}
|
|
30% {
|
|
box-shadow: 0 0 2px 10px rgba( 183, 8, 78, 0);
|
|
}
|
|
100% {
|
|
box-shadow: 0 0 2px 0 rgba( 183, 8, 78, 0);
|
|
}
|
|
}
|