xobs/lca2019-talk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

better example of state usage

Browse Source
This commit is contained in:
Hakim El Hattab
2012-04-04 00:59:35 -04:00
parent d3e2a95d77
commit f59e64a571
2 changed files with 47 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
css/main.css
View File

@ -898,23 +898,29 @@ html {
/*********************************************
* STATES
* DEFAULT STATES
*********************************************/
.blurred #reveal * {
color: rgba( 255, 255, 255, 0 );
text-shadow: 0px 0px 5px #fff;
.state-background {
position: absolute;
width: 100%;
height: 100%;
background: rgba( 0, 0, 0, 0 );
-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;
-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 );
}