summaryrefslogtreecommitdiffstats
path: root/uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/css/transition.css
diff options
context:
space:
mode:
Diffstat (limited to 'uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/css/transition.css')
-rw-r--r--uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/css/transition.css63
1 files changed, 63 insertions, 0 deletions
diff --git a/uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/css/transition.css b/uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/css/transition.css
new file mode 100644
index 00000000..6877bc08
--- /dev/null
+++ b/uiframe-iui/src/main/resources/webroot/vendor/ict/dashboard-jq/assets/css/transition.css
@@ -0,0 +1,63 @@
+#cf5 {
+ position: relative;
+ height: 32px;
+ width: 32px;
+ margin: 5px;
+ margin-bottom: 0px;
+ cursor: pointer;
+ display: inline-block;
+}
+
+#cf5 img {
+ position: absolute;
+ left: 0;
+ -webkit-transition: all 1s ease-in-out;
+ -moz-transition: all 1s ease-in-out;
+ -o-transition: all 1s ease-in-out;
+ transition: all 1s ease-in-out;
+}
+
+#cf5 img.top {
+ -webkit-transform: scale(1, 0);
+ -moz-transform: scale(1, 0);
+ -o-transform: scale(1, 0);
+ transform: scale(1, 0);
+ filter: alpha(opacity=0);
+ opacity: 0;
+
+}
+
+/*
+#cf5:hover img.top, #cf5.hover_effect img.top {
+opacity:1;
+-webkit-transform:scale(1,1);
+-moz-transform:scale(1,1);
+-o-transform:scale(1,1);
+transform:scale(1,1);
+}
+*/
+#cf5 img.scale {
+ opacity: 1;
+ -webkit-transform: scale(1, 1);
+ -moz-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+}
+
+/*
+#cf5:hover img.bottom, #cf5.hover_effect img.bottom {
+filter: alpha(opacity=0);
+-webkit-transform:rotate(360deg) scale(0,0);
+-moz-transform:rotate(360deg) scale(0,0);
+-o-transform:rotate(360deg) scale(0,0);
+transform:rotate(360deg) scale(0,0);
+}
+*/
+#cf5 img.rotate {
+ filter: alpha(opacity=0);
+ -webkit-transform: rotate(360deg) scale(0, 0);
+ -moz-transform: rotate(360deg) scale(0, 0);
+ -o-transform: rotate(360deg) scale(0, 0);
+ transform: rotate(360deg) scale(0, 0);
+}
+