Quote from
luishp on August 18, 2025, 9:36 am
Short answer: there isn’t a built-in SkewObject action.
You can skew any object (including an Image) by applying a CSS transform to it.
Option 1 — Inline style with NeoScript
. skew 20° on X
SetObjectStyle "Image1" "transform: skewX(20deg); transform-origin: center;"
.skew 15° on Y
SetObjectStyle "Image1" "transform: skewY(15deg); transform-origin: center;"
Option 2 — Add a CSS class (cleaner if you’ll reuse it)
-
Put this in Project → Properties → Custom CSS:
-
Then toggle it in code:
Notes:
-
transform-origin
lets you skew around the center (or any anchor you want).
-
You can combine with other transforms, e.g. transform: rotate(10deg) skewX(20deg);
-
Layout (the object’s left/top/width/height) stays the same; only the rendering is skewed. If you need to reposition after skewing, adjust with MoveObject
/SizeObject
.
Short answer: there isn’t a built-in SkewObject action.
You can skew any object (including an Image) by applying a CSS transform to it.
Option 1 — Inline style with NeoScript
. skew 20° on X
SetObjectStyle "Image1" "transform: skewX(20deg); transform-origin: center;"
.skew 15° on Y
SetObjectStyle "Image1" "transform: skewY(15deg); transform-origin: center;"
Option 2 — Add a CSS class (cleaner if you’ll reuse it)
-
Put this in Project → Properties → Custom CSS:
-
Then toggle it in code:
Notes:
-
transform-origin
lets you skew around the center (or any anchor you want).
-
You can combine with other transforms, e.g. transform: rotate(10deg) skewX(20deg);
-
Layout (the object’s left/top/width/height) stays the same; only the rendering is skewed. If you need to reposition after skewing, adjust with MoveObject
/SizeObject
.
fkapnist has reacted to this post.