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>;