mirror of
https://github.com/minio/minio.git
synced 2024-12-29 00:23:21 -05:00
93 lines
1.4 KiB
Plaintext
93 lines
1.4 KiB
Plaintext
|
// Zoom In
|
||
|
@-webkit-keyframes zoomIn {
|
||
|
from {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: scale3d(.3, .3, .3);
|
||
|
transform: scale3d(.3, .3, .3);
|
||
|
}
|
||
|
|
||
|
50% {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes zoomIn {
|
||
|
from {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: scale3d(.3, .3, .3);
|
||
|
transform: scale3d(.3, .3, .3);
|
||
|
}
|
||
|
|
||
|
50% {
|
||
|
opacity: 1;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
// Fade In Down
|
||
|
@-webkit-keyframes fadeInDown {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translateY(-20px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
-webkit-transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@keyframes fadeInDown {
|
||
|
0% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(-20px);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 1;
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@-webkit-keyframes fadeOutUp {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
-webkit-transform: translateY(0);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 0;
|
||
|
-webkit-transform: translateY(-20px);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
// Fade Out Up
|
||
|
@keyframes fadeOutUp {
|
||
|
0% {
|
||
|
opacity: 1;
|
||
|
transform: translateY(0);
|
||
|
}
|
||
|
|
||
|
100% {
|
||
|
opacity: 0;
|
||
|
transform: translateY(-20px);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
// Classes
|
||
|
.fadeOutUp {
|
||
|
-webkit-animation-name: fadeOutUp;
|
||
|
-moz-animation-name: fadeOutUp;
|
||
|
-o-animation-name: fadeOutUp;
|
||
|
animation-name: fadeOutUp;
|
||
|
}
|
||
|
|
||
|
.fadeInDown {
|
||
|
-webkit-animation-name: fadeInDown;
|
||
|
-moz-animation-name: fadeInDown;
|
||
|
-o-animation-name: fadeInDown;
|
||
|
animation-name: fadeInDown;
|
||
|
}
|