Skip to content

Instantly share code, notes, and snippets.

@taktran
Last active August 6, 2018 21:44
Show Gist options
  • Save taktran/60a39ad32814ef46fa0618680ae6368d to your computer and use it in GitHub Desktop.
Save taktran/60a39ad32814ef46fa0618680ae6368d to your computer and use it in GitHub Desktop.
CSS Animations

Syntax

Transition property

div {
  transition: [property] [duration] [timing-function] [delay];
}

transform

Slide in nav bar

nav {
  transform: translateX(-100%);
  transition: transform 0.5s linear;
  will-change: transform;

  &.active {
    transform: none;
  }
}

Also see

Resources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment