This plugin for Elementor* adds Ambient Shadows for images
SOFTWARE DEVELOPMENT
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.
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©)
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©)
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©)
Beautiful adaptive environment shadow for Elementor* image widget
(Image with QANVA Ambient Shadow©)
Version
Requires
1
WordPress 5.x or higher & Elementor*
No free version available
2021-2022 © QANVA. All rights reserved.
*We are not affiliated with Elementor!