CSS Transition Generator
Presets
Transition 1
background-color 300ms ease 0ms
Live Preview
From
Click Animate to see the transition from your From value to the To value
Generated CSS
Complete example with your values:
.element {
background-color: #3b82f6;
transition: background-color 300ms ease 0ms;
}
.element:hover {
background-color: #10b981;
}Transition property only:
.element {
transition: background-color 300ms ease 0ms;
}Shorthand:
background-color 300ms ease 0ms