masking objects

[josebunkermode]

is there a way to mask objects in animator?


for example

lets say i want to animate a shape that moves across from left to right, but i want it all to be contained with in the shape of a button.

is there a way to do that?

[arnebech]

1) If your background is uniform, you could overlay a image with the same color as the background that has the button shape transparent in the middle

2) Using the overflow property, you can get a square mask.

3) Since -webkit-mask aren't standard (but now it looks like it might become in the future) we don't have any direct controls for it, but you could potentially add the rules yourself to the custom css part in the properties panel. This is "real masking", however it only works on webkit browsers.

[josebunkermode]

Thanks!

[josebunkermode]

2) Using the overflow property, you can get a square mask.

where can i find the overflow property? I sqaure mask is what im looking for

[arnebech]

You can find the overflow property in the Properties Panel under Transforms when an object is selected in base mode.

overflow.png

[josebunkermode]

thanks