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
Elementor* Image Widget with QANVA Ambient Shadow
Opacity: 100% - Blur: 60% - Brightness: 100% - Border Radius 30px
(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
