summaryrefslogtreecommitdiff
path: root/js/dojo-1.7.2/dojox/mobile/themes/common/transitions/swirl.css
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo-1.7.2/dojox/mobile/themes/common/transitions/swirl.css')
-rw-r--r--js/dojo-1.7.2/dojox/mobile/themes/common/transitions/swirl.css27
1 files changed, 27 insertions, 0 deletions
diff --git a/js/dojo-1.7.2/dojox/mobile/themes/common/transitions/swirl.css b/js/dojo-1.7.2/dojox/mobile/themes/common/transitions/swirl.css
new file mode 100644
index 0000000..529a931
--- /dev/null
+++ b/js/dojo-1.7.2/dojox/mobile/themes/common/transitions/swirl.css
@@ -0,0 +1,27 @@
+.mblSwirl.mblOut {
+ z-index: 0;
+ -webkit-animation-duration: .5s;
+ -webkit-animation-name: mblSwirlOut;
+ -webkit-animation-timing-function: ease-in;
+}
+.mblSwirl.mblIn {
+ z-index: -100;
+ -webkit-animation-duration: .5s;
+ -webkit-animation-name: mblSwirlIn;
+ -webkit-animation-timing-function: ease-in;
+}
+.mblSwirl.mblOut.mblReverse {
+ -webkit-animation-name: mblSwirlOutReverse;
+}
+@-webkit-keyframes mblSwirlOut {
+ from { -webkit-transform: rotate(0deg) scale(1.0); }
+ to { -webkit-transform: rotate(-360deg) scale(0.0); }
+}
+@-webkit-keyframes mblSwirlOutReverse {
+ from { -webkit-transform: rotate(0deg) scale(1.0); }
+ to { -webkit-transform: rotate(360deg) scale(0.0); }
+}
+@-webkit-keyframes mblSwirlIn {
+ from { -webkit-transform: scale(1.0); }
+ to { -webkit-transform: scale(1.0); }
+}