<button class="duration-700 transform hover:scale-125 transition ease-linear bg-teal-400 px-6 py-2 m-4 inline">700</button>
← Tailwind CSS classes list
Tailwind CSS class: .duration-700
Preview
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
Check .duration-700 in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
CSS source
.duration-700 { transition-duration: 700ms; }