TODO
Symmetric animations versus asymmetric
Benjamin Knight benknight
benknight
/ gist:8416098
Created
January 14, 2014 10:09
Breakdown of how Chrome's download tab progress bars work
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <canvas>, -webkit-image-set |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .app-header { | |
| top: 0; | |
| width: 100%; | |
| } | |
| .app-header, | |
| #dropper, | |
| .autocomplete_choices { | |
| z-index: 99999 !important; /* KAPOW! */ | |
| position: fixed !important; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Prevent "jump" in content offset */ | |
| .fixed-header body { | |
| padding-top: 77px; | |
| } | |
| .fixed-header .app-header { | |
| position: fixed; | |
| top: 0; | |
| width: 100%; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.2) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| @import "compass/css3/transform"; | |
| @import "compass/css3/transition"; | |
| // Prevent "jump" in content offset |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // ---- | |
| @import "compass/css3/transform"; | |
| $transition: all 0.5s ease; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.3) | |
| // Compass (v1.0.0.alpha.17) | |
| // ---- | |
| @import "compass/css3/box-shadow"; | |
| .siderbar .open-rail { | |
| margin-left: 0; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.3) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| @import "compass/css3/images"; | |
| .showcase .show-all-overlay { | |
| text-shadow: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.4) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| @import "compass/css3/transition"; | |
| /** Stuff from normalize.css */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.3.0.rc.5) | |
| // Compass (v1.0.0.alpha.18) | |
| // ---- | |
| #container { | |
| width: 500px; | |
| margin: 20px auto; | |
| img { |