As a workaround, use a div element instead of a rectangle shape, and place the mask on the div element. Safari doesn't support clip path masks on shapes drawn using the Rectangle tool. Percentage-based masks and other mask shapes, including rounded corners for rectangle masks, will be ignored.įirefox and Safari may not correctly render rectangle masks with rounded corners for large corner radius values (compared to the mask dimensions). ![]() Internet Explorer and Microsoft Edge only support clip path masks in rectangle shapes with the position and size specified in pixels. You can select the type of mask shape by clicking and holding the clip path mask tool in the toolbar until a pop-up menu appears: Clip path masksĬlip path masks use a geometric shape to define which part of the host element to show. Note: Gradient masks cannot use percentage-based positioning. Click the gradient swatch in the Properties panel to customize the gradient type, colors, opacity, and angle (for linear gradients only).īy default, the gradient mask is the same size as the host element, but you can adjust the mask's position and size properties using the Selection tool or the Properties panel.Select Add gradient mask from the pop-up menu.Google Web Designer supports both types of gradients for masks: Gradient masks hide the host element according to a gradient of transparency levels. Note: Image masks cannot use percentage-based positioning. ![]() You can adjust the mask's size and position using the Selection tool or the Properties panel.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |