Ambient Shadow for Elementor*

Add ambient shadows to 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

CSS Box Shadow

Opacity: 90% - Blur: 30% - Color: #000000

QANVA Ambient Shadow

Opacity: 90% - Ambient: 30% - Color: ADAPTIVE

Live preview on dark background

CSS Box Shadow

Opacity: 100% - Blur: 30% - Color: #FFFFFF

QANVA Ambient Shadow

Opacity: 100% - Ambient: 30% - Color: ADAPTIVE

Features

Beautiful adaptive environment shadow for Elementor* image widget

Specs

Version
Requires

1
WordPress 5.x or higher & Elementor*

Download

No free version available