Skip to content

Instantly share code, notes, and snippets.

@joedooley
Created October 24, 2015 03:51
Show Gist options
  • Save joedooley/b0f213744dd9da38a740 to your computer and use it in GitHub Desktop.
Save joedooley/b0f213744dd9da38a740 to your computer and use it in GitHub Desktop.
Site Container Fade In
/* Site Container Fadein
---------------------------------------------------------------------------------------------------- */
.site-container {
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-ms-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment