[IMP] Improved code to create bounce effect by CSS.

bzr revid: jra@tinyerp.com-20120713130325-q0c6km66nkv2qi7p
This commit is contained in:
Jiten (OpenERP)
2012-07-13 18:33:25 +05:30
parent a7f2511601
commit 3db53edefc
6 changed files with 26 additions and 18 deletions
+21 -2
View File
@@ -2367,7 +2367,26 @@ div.ui-widget-overlay {
filter: alpha(opacity=30);
opacity: 0.3;
}
.openerp .oe_bounce_button_left {
.oe_bounce_left {
float: left;
margin-right: 4px;
}
.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;}
}