<time>
The standard CSS data type for durations. It can be defined in seconds (s) or milliseconds (ms).
Quick example
.fade-in {
/* A 500ms (half second) transition time */
transition-duration: 0.5s;
/* Also valid: 500ms */
}All units
Time units
Used for transition and animation durations and delays.
| Unit | Measures | Notes | Baseline |
|---|---|---|---|
s | Seconds | Cleaner for human-readable durations: 0.3s, 1s. | Widely |
ms | Milliseconds | Better when chaining or doing math with JS-derived durations. | Widely |
<time> Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
4+
3.1+
12+