Ops  ⟩  Html  ⟩  CSS  ⟩  ElementCssTransform_v2

ElementCssTransform_v2 Op

ElementCssTransform

translate,scale and rotate a HTML element using css transform



Full Name
  • Ops.Html.CSS.ElementCssTransform_v2
Visibility
  • Core Op - Official cables op
License
  • MIT
Authorgithub


Example Patch element css transform example

Open In Editor

INPUT PORTS


Element

Element (Object:element)

Translation

Translate Active (Number: boolean)
Translate X (Number)
Translate Y (Number)
Unit index (Number: integer) px  % 

Scaling

Scale Active (Number: boolean)
Scale (Number)

Rotation

Rotate Active (Number: boolean)
Rot Z (Number)

Origin

Set Origin (Number: boolean)
Origin X index (Number: integer) left  center  right 
Origin Y index (Number: integer) top  center  bottom 
Z Index Active (Number: boolean)
Z Index (Number)

OUTPUT PORTS


Passthrough (Object)

 

Patches using ElementCssTransform_v2

  • Examples
  • Public
  • My Patches

Changelog


newcreated opuser avatarpandur - 2021-02-15 17:58
improvementAdded pass through element output portuser avatarpandur - 2024-07-09 11:50
improvementShow error when element is not positioned absoluteuser avatarpandur - 2024-07-10 13:16
bugfixfixed zindex parameter was not workinguser avatarpandur - 2024-10-17 16:54
renameOps.Html.ElementCssTransform_v2 renamed to Ops.Html.CSS.ElementCssTransform_v2user avatarpandur - 2024-10-30 08:42