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

• transition-property: define what property, or properties, you want to apply a transition effect to. (padding, color, all, etc.)
• transition-duration: define the duration of a transition.
• transition-timing-function: define a function that specifies the transition’s animation speed
  • Ease: transition effect with a slow start, then fast, then end slow
  • Linear: transition effect with the same speed from start to end
  • Ease-in: transition effect with a slow start
  • East-out: transition effect with a slow end
  • Ease-in-out: Specifies a transition effect with a slow start and end
• transition-delay: define a length of time to delay the start of a transition