<mod>
A math function that returns the remainder of a division (modulo). This is useful for complex layouts where you need elements to repeat or cycle based on a value.
Quick example
.pattern-offset {
/* Calculates an offset that wraps around every 20px */
left: mod(var(--current-pos), 20px);
}<mod> Browser Support
Newly available Since 2024 86% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
125+
118+
15.4+
125+