Skip to content

Instantly share code, notes, and snippets.

@divienginesupport

divienginesupport/fixed-header-on-scroll.css

Last active March 30, 2021 17:03
Show Gist options
  • Save divienginesupport/b930ef866ba804a901aaf99157dccd60 to your computer and use it in GitHub Desktop.
Save divienginesupport/b930ef866ba804a901aaf99157dccd60 to your computer and use it in GitHub Desktop.
Download ZIP
CSS for Fixed Header on scroll
Raw
fixed-header-on-scroll.css
.fixed-header {
position: fixed;
width: 100%;
-webkit-animation: fadein 1s ease-in-out;
-moz-animation: fadein 1s ease-in-out;
animation: fadein 1s ease-in-out;
}
@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