Transition

The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.

Option

Type

opacity

Duration (0.3s)

Timing Function

ease

Delay (0s)

Preview

hover here to preview

Code

Copy this to the main element

.element {
  opacity: 1;
  transition: opacity 0.3s ease 0s;                   
}

Copy this to the transitioned element or pseudo-element

.element:hover {
  opacity: 0.6;
}