mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-17 06:20:26 +00:00
50 lines
No EOL
1.3 KiB
CSS
50 lines
No EOL
1.3 KiB
CSS
/* slide down */
|
|
.slidedown.out {
|
|
-webkit-animation-name: fadeout;
|
|
-moz-animation-name: fadeout;
|
|
-webkit-animation-duration: 100ms;
|
|
-moz-animation-duration: 100ms;
|
|
}
|
|
|
|
.slidedown.in {
|
|
-webkit-transform: translateY(0);
|
|
-webkit-animation-name: slideinfromtop;
|
|
-moz-transform: translateY(0);
|
|
-moz-animation-name: slideinfromtop;
|
|
-webkit-animation-duration: 250ms;
|
|
-moz-animation-duration: 250ms;
|
|
}
|
|
|
|
.slidedown.in.reverse {
|
|
-webkit-animation-name: fadein;
|
|
-moz-animation-name: fadein;
|
|
-webkit-animation-duration: 150ms;
|
|
-moz-animation-duration: 150ms;
|
|
}
|
|
|
|
.slidedown.out.reverse {
|
|
-webkit-transform: translateY(-100%);
|
|
-moz-transform: translateY(-100%);
|
|
-webkit-animation-name: slideouttotop;
|
|
-moz-animation-name: slideouttotop;
|
|
-webkit-animation-duration: 200ms;
|
|
-moz-animation-duration: 200ms;
|
|
}
|
|
|
|
@-webkit-keyframes slideinfromtop {
|
|
from { -webkit-transform: translateY(-100%); }
|
|
to { -webkit-transform: translateY(0); }
|
|
}
|
|
@-moz-keyframes slideinfromtop {
|
|
from { -moz-transform: translateY(-100%); }
|
|
to { -moz-transform: translateY(0); }
|
|
}
|
|
|
|
@-webkit-keyframes slideouttotop {
|
|
from { -webkit-transform: translateY(0); }
|
|
to { -webkit-transform: translateY(-100%); }
|
|
}
|
|
@-moz-keyframes slideouttotop {
|
|
from { -moz-transform: translateY(0); }
|
|
to { -moz-transform: translateY(-100%); }
|
|
} |