CSS function sign

Опис

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

Функція sign() в CSS відіграє ключову роль у роботі з числовими значеннями. Вона дозволяє визначити знак числа, повертаючи -1, 0 або 1, залежно від характеристики вхідного числа. Ця функція може стати надзвичайно корисною в ситуаціях, де необхідно швидко визначити напрямок анімації або вплинути на інші числові параметри стилізації.

sign() вивчає вхідне число і робить наступне:

• Якщо вхідне число від'ємне, функція повертає -1.
• Якщо число дорівнює нулю, функція повертає 0.
• Якщо число є додатнім, функція повертає 1.

Це робить функцію sign() ідеальним інструментом для визначення напрямку руху або позиціонування в залежності від значення числа.

Приклад:

div {
  background-position: sign(10%);
}

У цьому прикладі функція sign(10%) використовується властивістю background-position. Позитивні відсотки можуть вирішуватися як від'ємна довжина, а від'ємні відсотки - як додатна довжина, якщо зображення фону більше за область фону. Таким чином, функція sign(10%) може повернути 1 або -1, залежно від того, як розподіляється відсоток! (Або навіть 0, якщо він розподіляється на основі нульової довжини.) Це демонструє потужність і гнучкість sign() в обробці числових значень у CSS.

правити

Порада

Функція sign() може бути корисною при виконанні математичних обчислень або в анімаціях, де вам потрібно враховувати знак числа.

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

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

Синтаксис

sign(<value>);

Функція sign може отримувати єдине значення:

<value>

Приймає числове значення. Значення можуе бути додатнім, від'ємним чисвлом або нулем.

автор: Bond

правити

Переглядачі

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

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

Переглядач
	15.4

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

Переглядач
	15.4

Приклади

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

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