e-addons

Share

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on telegram
Share on skype
Share on email
ic extended bwe-Extended

Extension Masking

Masks are a feature widely used in graphics, their purpose is to show and hide parts of an element based on a source.

We decided to bring this functionality directly to some native Elementor widgets like video, image, image-box, and heading. With our Extension Masking, your content will never be the same.

Coming Soon

Apply a mask from PNG or CLIP-PATH to the native widgets of Elementor Video, image, or image-box.

Management of SVG masks in the making

Masking

Extension

It works with VIDEO, IMAGE, IMAGE-BOX e HEADING

Video

Image

box Image

Heading

mask image

Extension Masking

Enable this feature from the “Mask” panel found on video, image, and heading widgets.

There are two types of masking – from png images or from clip-path coordinates.

You can also attach a custom PNG mask to create any shape.

The parameters for the PNG mask are:

  • Position
  • Repeat
  • Size

PRESETTINGS masks

Per comodità sono disponibili alcuni presettings che ti permettono di applicare in velocità una maschera PNG.

waves

Waves

draw

Brush

sketch

Sketch

blob

Shape

flower

Flower

diagonal

Diagonals

DEMO

Image-Box, Video, Heading

jason leung ytN CWdk3b0 unsplash

This is the heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus.

jason leung ytN CWdk3b0 unsplash
Play Video

Hi!

Custom image

jason-leung-ytN-CWdk3b0-unsplash

You can mask the subject with a custom PNG file with transparent background, where black is on total visibility and transparency is invisible.

Preset Image PNG

jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash

Clip Paths

A Clip-Path is a coordinate-based parametric graphic form, for example, this is a triangle:
polygon(50% 0%, 0% 100%, 100% 100%);

jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash
jason leung ytN CWdk3b0 unsplash

Let me know when it's available

By entering your email, you agree to our Privacy Policy.