Skip to content

Instantly share code, notes, and snippets.

@cythux
Created November 2, 2014 20:20
Show Gist options
  • Save cythux/fc99ffc2fab4f53aee29 to your computer and use it in GitHub Desktop.
Save cythux/fc99ffc2fab4f53aee29 to your computer and use it in GitHub Desktop.
A Pen by Svein Erik Farstad.
<header>Test</header>
header {
background: #000;
color: #fff;
height: 30px;
position: relative;
-moz-animation-name: dropHeader;
-moz-animation-iteration-count: once;
-moz-animation-timing-function: ease-in;
-moz-animation-duration: 0.5s;
-webkit-animation-name: dropHeader;
-webkit-animation-iteration-count: once;
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 0.5s;
}
@-moz-keyframes dropHeader {
0% {
top: -30px;
}
100% {
top: 0;
}
}
@-webkit-keyframes dropHeader {
0% {
top: -30px;
}
100% {
top: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment