CSS function mod

Опис

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

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

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

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

правити

Порада

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

автор: NagarD правити

Нотатка

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

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

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

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

автор: NagarD правити

+ додати пораду чи нотатку

Синтаксис

mod(<number1>, <number2>);

Функція mod може отримувати 2 значень:

<number1>

Числове значення, перше число для обчислення залишку від ділення.

автор: NagarD

правити

<number2>

Числове значення, друге число для обчислення залишку від ділення.

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	15.4

Підтримка: мобільні переглядачі

Переглядач
	15.4

Приклади

+ запропонувати свій приклад у пісочниці

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