diff options
| author | Hakim El Hattab | 2012-04-04 00:59:35 -0400 |
|---|---|---|
| committer | Hakim El Hattab | 2012-04-04 00:59:35 -0400 |
| commit | f59e64a5711fcc90afe6c396f3ccd4e7a59afa9f (patch) | |
| tree | 345e67562226d5939abf0481c5a29e989b38f532 /css | |
| parent | d3e2a95d770b2ed1abe16c6aeeeae5c90dffa73c (diff) | |
better example of state usage
Diffstat (limited to 'css')
| -rw-r--r-- | css/main.css | 36 |
1 files changed, 21 insertions, 15 deletions
diff --git a/css/main.css b/css/main.css index d2887bf..8376701 100644 --- a/css/main.css +++ b/css/main.css @@ -898,23 +898,29 @@ html { /********************************************* - * STATES + * DEFAULT STATES *********************************************/ -.blurred #reveal * { - color: rgba( 255, 255, 255, 0 ); - text-shadow: 0px 0px 5px #fff; - - -webkit-transition: color .8s ease, - text-shadow .8s ease; - -moz-transition: color .8s ease, - text-shadow .8s ease; - -ms-transition: color .8s ease, - text-shadow .8s ease; - -o-transition: color .8s ease, - text-shadow .8s ease; - transition: color .8s ease, - text-shadow .8s ease; +.state-background { + position: absolute; + width: 100%; + height: 100%; + background: rgba( 0, 0, 0, 0 ); + + -webkit-transition: background 800ms ease; + -moz-transition: background 800ms ease; + -ms-transition: background 800ms ease; + -o-transition: background 800ms ease; + transition: background 800ms ease; +} +.alert .state-background { + background: rgba( 200, 50, 30, 0.6 ); +} +.soothe .state-background { + background: rgba( 50, 200, 90, 0.4 ); +} +.blackout .state-background { + background: rgba( 0, 0, 0, 0.6 ); } |