ElementCss3DTransform Op
3d Transform a HTML element by using CSS3D properties
Summary (oneliner)
This 3d transformation is unrelated to the webGL transformation matrix.
- to use the webgl transformation matrix, use Ops.Html.TransformCSS3DElement
Full Name
- Ops.Html.CSS.ElementCss3DTransform
- Core Op - visible for everyone
- MIT
pandurDocumentation (markdown)
Issues
Example patch id
Youtube ids (comma seperated)
Op Licence
Caniuse query
Example Patch css3d simple transform
INPUT PORTS
Element (Object)
X (Number)
Y (Number)
Z (Number)
Rot X (Number)
Rot Y (Number)
Rot Z (Number)
Perspective (Number)
Backface-Visibility (Number: boolean)
OUTPUT PORTS
HTML Element (Object)
Patches using ElementCss3DTransform
Changelog
| new op | op created |  pandur - 2024-10-26 16:11 |
| rename | Ops.Dev.Html.ElementCss3D renamed to Ops.Html.ElementCss3DTransform | pandur - 2024-10-28 12:54 |
| rename | Ops.Html.ElementCss3DTransform renamed to Ops.Html.CSS.ElementCss3DTransform | pandur - 2024-10-30 08:38 |
| bugfix | remove style when deleting op | pandur - 2024-11-26 10:42 |