CSS function mod()

Опис

Експериментальна технологія: Перед використанням уважно перевірте таблицю сумісності з браузерами.

Функція mod() приймає два числових аргументи і повертає залишок від ділення першого числа на друге. Наприклад, якщо ви використовуєте mod(10, 3), результат буде 1, оскільки 10 поділено на 3 дає 3 з залишком 1. Функція mod()може бути корисною, коли вам потрібно виконати операції, пов'язані з циклічністю, або коли вам потрібно знайти елементи, які знаходяться на певних позиціях у списку.

Приклад використання функції mod() в CSS:

div {
  margin: mod(1000px, 29rem);
}

Порада:

Функція mod() може бути особливо корисною при роботі зі списками або генеруванні анімацій, де вам потрібно змінювати стилі на основі позицій елементів.

Нотатка:

Для mod(): знак другого параметра функції визначає знак залишку від ділення, тобто якщо цей параметр буде від'ємним, то і результат виконання функції буде від'ємним. Приклад:

```
rotate: mod(-70deg, 20deg); /* 10deg */
```

Для rem(): знак першого параметра функції визначає знак залишку від ділення, тобто якщо цей параметр буде від'ємним, то і результат виконання функції буде від'ємним. Приклад:

```
rotate: rem(-90deg, 20deg); /* -10deg */
```

Синтаксис

mod(<number1>, <number2>);

<number1>: Числове значення, перше число для обчислення залишку від ділення.
<number2>: Числове значення, друге число для обчислення залишку від ділення.

Переглядач
	15.4

Переглядач
	15.4

Мобільних переглядачів ще не додано.

Приклади

Прикладів ще не додано

Додаткові посилання

rem

CSS довідник

CSS функції