jquery-mobile/css/structure/jquery.mobile.transitions.pop.css
toddparker f53ac0da7f Speedier transition timing
Also added duration to some rules to tweak timing and make them more
reliable
2012-01-16 23:41:37 -05:00

78 lines
No EOL
1.3 KiB
CSS

.pop {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
}
.pop.in {
-webkit-transform: scale(1);
-moz-transform: scale(1);
opacity: 1;
-webkit-animation-name: popin;
-moz-animation-name: popin;
-webkit-animation-duration: 350ms;
-moz-animation-duration: 350ms;
}
.pop.out {
-webkit-animation-name: fadeout;
-moz-animation-name: fadeout;
opacity: 0;
-webkit-animation-duration: 100ms;
-moz-animation-duration: 100ms;
}
.pop.in.reverse {
-webkit-animation-name: fadein;
-moz-animation-name: fadein;
}
.pop.out.reverse {
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-webkit-animation-name: popout;
-moz-animation-name: popout;
}
@-webkit-keyframes popin {
from {
-webkit-transform: scale(.8);
opacity: 0;
}
to {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes popin {
from {
-moz-transform: scale(.8);
opacity: 0;
}
to {
-moz-transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes popout {
from {
-webkit-transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(.8);
opacity: 0;
}
}
@-moz-keyframes popout {
from {
-moz-transform: scale(1);
opacity: 1;
}
to {
-moz-transform: scale(.8);
opacity: 0;
}
}