[ADD] Add css and sass file for bounce animation effect.

bzr revid: jra@tinyerp.com-20120716072644-ls2q54fr5o8fjyd7
This commit is contained in:
Jiten (OpenERP)
2012-07-16 12:56:44 +05:30
parent 66d1d0e334
commit 5bba0c8e6b
2 changed files with 52 additions and 0 deletions
+19
View File
@@ -2366,4 +2366,23 @@ div.ui-widget-overlay {
background: black;
filter: alpha(opacity=30);
opacity: 0.3;
}
.openerp .oe_bounce {
-moz-animation:bounce .40s linear;
-webkit-animation:bounce .40s linear;
}
@-moz-keyframes bounce {
0%{ -moz-transform:scale(0); opacity:0;}
50%{ -moz-transform:scale(1.3); opacity:0.4; }
75%{ -moz-transform:scale(0.9); opacity:0.7;}
100%{ -moz-transform:scale(1); opacity:1;}
}
@-webkit-keyframes bounce {
0%{ -webkit-transform:scale(0); opacity:0;}
50%{ -webkit-transform:scale(1.3); opacity:0.4;}
75%{ -webkit-transform:scale(0.9); opacity:0.7;}
100%{ -webkit-transform:scale(1); opacity:1;}
}
+33
View File
@@ -1865,5 +1865,38 @@ $sheet-max-width: 860px
div.ui-widget-overlay
background: black
@include opacity(0.3)
.openerp .oe_bounce
-moz-animation: bounce .40s linear
-webkit-animation: bounce .40s linear
@-moz-keyframes bounce
0%
-moz-transform: scale(0)
opacity: 0
50%
-moz-transform: scale(1.3)
opacity: 0.4
75%
-moz-transform: scale(0.9)
opacity: 0.7
100%
-moz-transform: scale(1)
opacity: 1
@-webkit-keyframes bounce
0%
-webkit-transform: scale(0)
opacity: 0
50%
-webkit-transform: scale(1.3)
opacity: 0.4
75%
-webkit-transform: scale(0.9)
opacity: 0.7
100%
-webkit-transform: scale(1)
opacity: 1
// au BufWritePost,FileWritePost *.sass :!sass --style expanded --line-numbers <afile> > "%:p:r.css"
// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: