Clipping mask image

Saola Animate Support Questions
1

Hello, is it possible to make a clipping mask with Saola Animate ?

2

Hi,

You can use CSS clip-path to do that:

  1. Select the element, and set its Class Name in Properties pane, e.g. clipped
  2. Create a CSS file with the clipped class selector, e.g.
    .clipped {
	clip-path: circle(120px at center);
    }
  1. Import that CSS file into Resources pane.
  2. Preview in browser or export to HTML5 to see the result.

FYI, from the next version, Saola Animate supports some types of clip effects such as circle, ellipse.
And imported CSS rules also take effect in the editor.

Regards

3

A question…
If you can cut mask in a group of layers???

4

Hi Casimiro,

I’m not sure if I understand your question correctly.
You can group your elements into a group element, and set Clip effect for the group element.

Regards