ActivePresenter Saola Animate Pricing Download

Clipping mask image


(Jean-Michel) #1

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


(Toan Le) #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