Transition duration

Syntax

Class
Properties
duration-{value}
transition-duration: {value};

Parameters

value
<time default-unit=1ms>
<div class="t1 px-16 py-4 shadow-4 color-white bg-c-blue cursor-pointer select-none transition hover:/bg-c-blue-800 duration-150">Button</div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
100ms duration
t1 duration-100
.t1.duration-100 { transition-duration: 100ms; }