Box Decorations, Shadows and Masks
Give images and videos a distinctive look with decorative shapes, expressive masks, floating shadows and animated hover borders.
YOOtheme Pro gives you flexible styling options for images and videos with border radius and box shadows directly in the page builder. For a more distinctive look, add special box decorations, a floating shadow, mask or a border effect on hover with just a click.
These visual effects are part of the selected YOOtheme Pro style, so they match the overall design of your site. Their appearance can be customized in the Style Customizer, giving you full control over how decorations, shadows, masks and hover borders look across your website.
Add box decorations to images and videos in three different styles, and inverse them for dark sections so they stay balanced on different backgrounds. Instead of a box decoration, use a floating shadow to add depth and visually lift media from the page. To break away from the usual rectangular shape, apply a mask to create more expressive image and video shapes.
For more interaction, add an animated transition border to images and videos. It shows a bold primary-colored border on hover, which can animate inside or outside the media. Combine it with scale transitions to draw more attention to key visuals.
