Skip to content

Instantly share code, notes, and snippets.

@zerovolts
Last active April 1, 2018 23:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save zerovolts/73676680557cb2e99a7fd14b6fb29bf1 to your computer and use it in GitHub Desktop.
Save zerovolts/73676680557cb2e99a7fd14b6fb29bf1 to your computer and use it in GitHub Desktop.

Pseudo Classes - (:) specifies a special state of an element

:not, :active, :focus, :hover, :matches, :any-link
:(first, nth, last)-child, :nth-last-child
:(first, nth, last)-of-type, :nth-last-of-type

Pseudo Elements - (::) specifies a specific part of an element

::before, ::after, ::selection, ::first-letter, ::first-line

Animations

animation-(name, duration, timing-function, delay, iteration-count, direction, fill-mode, play-state)

declaration:

@keyframes <name> {
  from { ... }
  to { ... }
  50% { ... }
  25%, 75% { ... }
}

usage:

animation: <duration> <name>;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment