Различия

Показаны различия между двумя версиями страницы.

--- transform [2023/09/28 17:27]
tro
+++ transform [2023/09/28 17:41] (текущий)
tro [skewX(кут), skewY(кут) і skew(x-кут, y-кут)]
@@ Строка 20: / Строка 20: @@
 ===== skewX(кут), skewY(кут) і skew(x-кут, y-кут) =====
 використовуються для визначення параметрів викривлення (нахилу, деформування) сторін елемента відносно координатних осей. Якщо для skew() вказано тільки одне значення, друге буде дорівнювати 0, тобто це буде аналог skewX().
+<code>
+.box {
+  transform: skewX(1.15);
+}
+</code>
 ===== scale =====
 Функції scaleX(tx), scaleY(ty) і scale(tx, ty) масштабують блок по ширині та/або висоті, не впливаючи на геометрію навколишніх елементів. Якщо для scale() задано певне значення, друге буде таким самим.
@@ Строка 27: / Строка 32: @@
 }
 </code>
-===== opacity  =====
+==== opacity  ====
 Прозорість
-===== transform-origin =====
+==== transform-origin ====
 Змінює точку навколо котрої буде повертатись
 <code>
@@ Строка 37: / Строка 42: @@
 }
 </code>
-===== overflow  =====
+==== overflow  ====
 Зміщення та властивість overflow зі значенням hidden використовуються при створенні декоративних ефектів з появою прихованого вмісту з-за меж блоку.
 <code>