Library / Search

Find your
next move.

4 useful things

Enable smooth scrolling for anchor links and scroll actions.

/* Enable smooth scrolling globally */
html {
  scroll-behavior: smooth;
}

Create a sticky navigation header that adds shadow on scroll.

.sticky-header {
  position: sticky;
  top: 0;
  background: rgba(13, 17, 38, 0.95);

Create an animated underline effect for links and navigation items.

/* Slide from left */
.underline-left {
  position: relative;
  text-decoration: none;

CSS-only animated hamburger icon that transforms to X on click.

.hamburger {
  width: 30px;
  height: 24px;
  position: relative;

Find yournext move.