Add ability to apply basic transformations and/or animations to blocks

[Dan-Peck]

trafficstars

Is your feature request related to a problem? Please describe.

It might be nice to have a feature built-in to perform some basic translations to block content, such as:

• Rotation
• Flipping
• Perspective Adjustment
• Maybe even simple Animations (e.g., Pulsing Border, Spinning Block, Color-Cycling, etc.)

Describe the solution you'd like

Using "handles" would be nice. Or having a control value or slider in the config dialog of a block to apply such features.

Describe alternatives you've considered

Custom CSS provides this ability already, especially for highly specific scenarios, but it's more difficult to and time-consuming to set up than a built-in method would be.

Additional context

Sample use cases:

• Adding images with transparency that represent various scenery objects, you could decorate the screen in a variety of ways, however, it would be nice to adjust the rotation of an image to better match the overall content and fit it into the Screen scene.

• Using a photo background that contains surfaces that you want to apply a photo block to will often not be perfectly square to the viewer, as there will be some optical distortion. Having the ability to make some perspective shifts to account for that would be useful. This could also be used to create interesting effects such as "Star Wars"-style text scroll.

• With rotation available, items could be arranged in various ways, such as aligned perpendicularly to the edge of a semi-circle, or full-circle. Or have text aligned vertically along the side of something

• Pulsing animations would be great for weather alerts block

• Spinning and other special-effect animations could be useful for company logos or other items that you want to draw some attention to on a display

Some example idea images:

(Using Transparent Images, being able to rotate would be useful)

(Rotation sample)

(Rotated Buttons arranged in a semi-circle and Perspective adjusted text sample)