Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-11-01 14:45:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

+ Changes the animation curve to have a little bounce. A little sway. Some feeling. Some heart. Some sooooul. Ooooh yeah.

Browse Source 
+ Most actions now take 200ms instead of 300ms
This commit is contained in:
Aza Raskin 2010-06-03 18:45:17 -07:00
parent 5a5ba3383b
commit 710dae3648
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
browser/base/content/tabcandy/app/tabitems.js
View File

@ -146,7 +146,7 @@ window.TabItem.prototype = iQ.extend(new Item(), {
$container.css(css);
} else {
TabMirror.pausePainting();
$container.animate(css, 'animate350', function() {
$container.animate(css, 'animate200', function() {
TabMirror.resumePainting();
}); // tabcandyBounce
/* }).dequeue(); */

13
content/css/core/iq.css
View File

@ -1,19 +1,30 @@
.animate170 {
-moz-transition-property: all;
-moz-transition-duration: 0.17s;
-moz-transition-timing-function: cubic-bezier(0.0, 0.35, .6, 1.4);
}
.animate200 {
-moz-transition-property: all;
-moz-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-moz-transition-timing-function: cubic-bezier(0.0, 0.35, .6, 1.4);
}
.animate300 {
-moz-transition-property: all;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: cubic-bezier(0.0, 0.35, .6, 1.4);
}
.animate350 {
-moz-transition-property: all;
-moz-transition-duration: 0.35s;
-moz-transition-timing-function: cubic-bezier(0.0, 0.35, .6, 1.4);
}
.animate2000 {
-moz-transition-property: all;
-moz-transition-duration: 2s;
-moz-transition-timing-function: cubic-bezier(0.0, 0.35, .6, 1.4);
}