Przekształcenia CSS
Źródło: CSS Transforms Module Level 1
transform
Przekształcenia
- Wartość
none | <transform-list>- Inicjalizacja
- none
- Zastosowanie
- przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
- Dziedziczenie
- nie
- Procenty
- odnosi się do rozmiaru obszaru odniesienia
transform-box
Obszar odniesienia przekształcenia
- Wartość
content-box | border-box | fill-box | stroke-box | view-box- Inicjalizacja
- view-box
- Zastosowanie
- przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
- Dziedziczenie
- nie
- Procenty
- nie
transform-origin
Początek przekształcenia
- Wartość
[ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [[ center | left | right ] && [ center | top | bottom ]] <length>?- Inicjalizacja
- 50% 50%
- Zastosowanie
- przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z wyjątkiem nie-zastępowanych elementów inline, kolumn i grup kolumn tabeli
- Dziedziczenie
- nie
- Procenty
- odnosi się do rozmiaru obszaru odniesienia
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
transform: wartość | 36 2014-07-16 | 16 2012-10-09 | 12 2015-07-29 | 23 2014-07-22 | 9 2015-09-30 |
transform-box: wartość | 64 2018-01-23 | 55 2017-08-08 | 79 2020-01-15 | 51 2018-02-07 | 11 2017-09-19 |
transform-box: border-box | 118 2023-10-10 | 55 2017-08-08 | 118 2023-10-13 | 104 2023-10-23 | 13.1 2020-03-24 |
transform-box: content-box | 118 2023-10-10 | 125 2024-04-16 | 118 2023-10-13 | 104 2023-10-23 | 13.1 2020-03-24 |
transform-box: fill-box | 64 2018-01-23 | 55 2017-08-08 | 79 2020-01-15 | 51 2018-02-07 | ≤13.1 2020-03-24 |
transform-box: stroke-box | 118 2023-10-10 | 125 2024-04-16 | 118 2023-10-13 | 104 2023-10-23 | 13.1 2020-03-24 |
transform-box: view-box | 64 2018-01-23 | 55 2017-08-08 | 79 2020-01-15 | 51 2018-02-07 | ≤13.1 2020-03-24 |
transform-origin: wartość | 36 2014-07-16 | 16 2012-10-09 | 12 2015-07-29 | 23 2014-07-22 | 9 2015-09-30 |
transform-origin: bottom | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: center | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: left | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: right | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |
transform-origin: top | 1 2008-12-11 | ≤72 2020-01-07 | 12 2015-07-29 | 15 2013-07-02 | 2 2005-04-29 |