Skip to content

Commit

Permalink
update(CSS): web/css/transform-function/scale
Browse files Browse the repository at this point in the history
  • Loading branch information
viperehonchuk committed Feb 3, 2025
1 parent 1b4d88b commit e4a669d
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions files/uk/web/css/transform-function/scale/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,13 +7,13 @@ browser-compat: css.types.transform-function.scale

{{CSSRef}}

**`scale()`** (масштабувати) - це [функція](/uk/docs/Web/CSS/CSS_Functions) [CSS](/uk/docs/Web/CSS), що визначає перетворення, яке змінює розмір елемента на двовимірній площині. Оскільки ступінь масштабування визначається вектором [sx, sy], це впливає на вертикальні та горизонтальні розміри. Результат – тип даних {{cssxref("<transform-function>")}}.
**`scale()`** (масштабувати) це [функція](/uk/docs/Web/CSS/CSS_Functions) [CSS](/uk/docs/Web/CSS), що визначає перетворення, яке змінює розмір елемента на двовимірній площині. Оскільки ступінь масштабування визначається вектором [sx, sy], це впливає на вертикальні та горизонтальні розміри. Результат – тип даних {{cssxref("<transform-function>")}}.

{{EmbedInteractiveExample("pages/css/function-scale.html")}}

Перетворення масштабування характеризується двовимірним вектором. Його координати визначають ступінь масштабування в кожному напрямку. Якщо обидві координати рівні, масштабування рівномірне (_ізотропне_), а співвідношення сторін зберігається (це [гомотетичне перетворення](https://uk.wikipedia.org/wiki/%D0%93%D0%BE%D0%BC%D0%BE%D1%82%D0%B5%D1%82%D1%96%D1%8F)).

Якщо значення координати знаходиться поза межами діапазону \[-1, 1], елемент збільшується відповідно до значення; якщо всередині діапазону - зменшується. Відʼємне значення у цьому вимірі призводить до [центрально-симетричного відображення](https://uk.wikipedia.org/wiki/%D0%A6%D0%B5%D0%BD%D1%82%D1%80%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0_%D1%81%D0%B8%D0%BC%D0%B5%D1%82%D1%80%D1%96%D1%8F). Значення `1` - ніяк не діє.
Якщо значення координати знаходиться поза межами діапазону \[-1, 1], елемент збільшується відповідно до значення; якщо всередині діапазону зменшується. Відʼємне значення у цьому вимірі призводить до [центрально-симетричного відображення](https://uk.wikipedia.org/wiki/%D0%A6%D0%B5%D0%BD%D1%82%D1%80%D0%B0%D0%BB%D1%8C%D0%BD%D0%B0_%D1%81%D0%B8%D0%BC%D0%B5%D1%82%D1%80%D1%96%D1%8F). Значення `1` - ніяк не діє.

> [!NOTE]
> Функція `scale()` працює лише на площині. Для тривимірного масштабування користуйтеся
Expand Down Expand Up @@ -75,6 +75,10 @@ scale(sx, sy)
</tbody>
</table>

## Формальний синтаксис

{{CSSSyntax}}

## Доступність

Анімації масштабування/збільшення викликають проблеми із доступністю, тому що вони є звичним тригером певних типів труднощів. Якщо потрібно додати такі анімації на свій вебсайт, бажано надати користувачам можливість відключати їх, і краще зразу на рівні цілого сайту.
Expand Down

0 comments on commit e4a669d

Please sign in to comment.