Rotate an image based on dynamic data?

Idea
1

Is there a way to rotate an image based on dynamic data? eg a use enters 45 and the image is rotated 45 degrees?

2

You could do this with a custom ID set to the image element (or <img> within a HTML block) and inline CSS placed within a HTML group on your page. Might require a bit of tuning to get it displaying correctly.

<style>
#your_custom_id {
    -ms-transform: rotate([INSERT_DYNAMIC_DATA_HERE]deg); /* IE 9 */
    -webkit-transform: rotate([INSERT_DYNAMIC_DATA_HERE]deg); /* Chrome, Safari, Opera */
    transform: rotate([INSERT_DYNAMIC_DATA_HERE]deg);
}
</style>
1 Like