iiYO Community

Hello,

I wanted to do a transform of enlarging or reducing the size of an image. I figured using the transform with CSS resize property was the best way to go. However, I'm having problems figuring out the syntax that WSE requires. Do I need to add a scale property under a class in the CSS file? If so, could you please tell me which class?

[animation name="my_resize" type="animation"]
[group]
[transform asset="pack_cup2" property="scaleX" from="1" to="0.5" unit="" duration="4000" easing="linear" /]
[/group]
[/animation]

Note
========
Idea: Reduce the size of the image that the user is seeing with an animation.
Image resolution is: 512x512.
Unit: Is left blank because the CSS property does not state the correct units to use.
CSS: Property being used is scaleX
Link Reference: http://www.w3schools.com/cssref/css3_pr_transform.asp

Thank you for your help,

brg

Hi brg,

the transform command works only with simple decimal values. CSS's "transform:" is not supported and as far as I'm aware there's no built-in way to scale something.

You would have to write your own extension for that.

Thank you C7N, I'll look into this!