LibWeb: Parse the transform-origin z-value

This commit is contained in:
Tim Ledbetter 2025-06-14 00:52:42 +01:00 committed by Alexander Kalenik
commit 68d3ddb1a7
Notes: github-actions[bot] 2025-06-15 14:02:53 +00:00
10 changed files with 88 additions and 77 deletions

View file

@ -123,9 +123,9 @@ All supported properties and their default values exposed from CSSStylePropertie
'WebkitTransform': 'none'
'webkitTransform': 'none'
'-webkit-transform': 'none'
'WebkitTransformOrigin': '50% 50%'
'webkitTransformOrigin': '50% 50%'
'-webkit-transform-origin': '50% 50%'
'WebkitTransformOrigin': '50% 50% 0px'
'webkitTransformOrigin': '50% 50% 0px'
'-webkit-transform-origin': '50% 50% 0px'
'WebkitTransition': 'all'
'webkitTransition': 'all'
'-webkit-transition': 'all'
@ -630,8 +630,8 @@ All supported properties and their default values exposed from CSSStylePropertie
'transform': 'none'
'transformBox': 'view-box'
'transform-box': 'view-box'
'transformOrigin': '50% 50%'
'transform-origin': '50% 50%'
'transformOrigin': '50% 50% 0px'
'transform-origin': '50% 50% 0px'
'transition': 'all'
'transitionBehavior': 'normal'
'transition-behavior': 'normal'

View file

@ -150,8 +150,8 @@ text-indent: 'calc(2%)' -> '2%'
text-indent: 'calc(2% * var(--n))' -> 'calc(2 * 2%)'
top: 'calc(2%)' -> '2%'
top: 'calc(2% * var(--n))' -> 'calc(2 * 2%)'
transform-origin: 'calc(2px) calc(2%)' -> '2px 2%'
transform-origin: 'calc(2px * var(--n)) calc(2% * var(--n))' -> '4px calc(2 * 2%)'
transform-origin: 'calc(2px) calc(2%)' -> '2px 2% 0px'
transform-origin: 'calc(2px * var(--n)) calc(2% * var(--n))' -> '4px calc(2 * 2%) 0px'
transition-delay: 'calc(2s)' -> '2s'
transition-delay: 'calc(2s * var(--n))' -> '4s'
transition-duration: 'calc(2s)' -> '2s'

View file

@ -221,7 +221,7 @@ top: auto
touch-action: auto
transform: none
transform-box: view-box
transform-origin: 50% 50%
transform-origin: 50% 50% 0px
transition-behavior: normal
transition-delay: 0s
transition-duration: 0s

View file

@ -1,7 +1,7 @@
center => center center
10px => 10px center
25% => 25% center
left 20% => left 20%
20px bottom => 20px bottom
top right => right top
center => center center 0px
10px => 10px center 0px
25% => 25% center 0px
left 20% => left 20% 0px
20px bottom => 20px bottom 0px
top right => right top 0px
"center" => (invalid)