Ambient Shadow on our Qanva logo

Ambient Shadow for Elementor*

Adaptive ambient shadows for your images

This plugin for Elementor* adds Ambient Shadows for images

Uwe Kischkel

SOFTWARE DEVELOPMENT

A new feature for images

With a little “Trick” we add an ambient shadow to your images.

Instead of a classic box-shadow which uses a certain color, this one uses the colors of the image itself.

Ambient Shadows adds CSS filters and uses JavaScript to position the shadow. These values can be set within the Elementor* → Image → Avanced → Ambient Shadow widget.

Very lightweight with only 1.6 kb JavaScript and 250 bytes CSS added to the frontend page.

Live preview on light background

Elementor* Image Widget with Box Shadow

Opacity: 100% - Blur: 20% - Color: #000000 - Border Radius 30px

Elementor* Image Widget with QANVA Ambient Shadow

Opacity: 100% - Blur: 30% - Brightness: 100% - Border Radius 30px

(Image with QANVA Ambient Shadow©)

Live preview on dark background

Elementor* Image Widget with Box Shadow

Opacity: 100% - Blur: 60% - Color: #FFFFFF - Border Radius 30px

Elementor* Image Widget with QANVA Ambient Shadow

Opacity: 100% - Blur: 60% - Brightness: 200% - Border Radius 30px

(Image with QANVA Ambient Shadow©)

Live preview with transparent PNG on light background

Elementor* Image Widget with Box Shadow

Opacity: 60% - Blur: 20% - Color: #000000 - Offset Y 15px

Ambient Shadow on our Qanva logo

Elementor* Image Widget with QANVA Ambient Shadow

Opacity: 100% - Blur: 60% - Brightness: 100% - Border Radius 30px

Ambient Shadow on our Qanva logo

(Image with QANVA Ambient Shadow©)

Features

Beautiful adaptive environment shadow for Elementor* image widget

(Image with QANVA Ambient Shadow©)

Specs

Version
Requires

1
WordPress 5.x or higher & Elementor*

Download

No free version available