Transition
Generate CSS transition properties
The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
Option
opacity
ease
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;
}Related Tools in CSS Styling & Layout Generators
More browser-based utilities in this collection
Background Gradient
Generate CSS gradient backgrounds
Background Image
Generate CSS background image code
Blur
Generate CSS blur filter effects
Border Image
Generate CSS border-image properties
Border Radius
Generate CSS border-radius properties
Border
Generate CSS border properties
Box Shadow
Generate CSS box-shadow effects
Brightness
Generate CSS brightness filters