# 💥 Shadow Caster - Pro shadows for images & text

**URL:** <https://forum.bubble.io/t/shadow-caster-pro-shadows-for-images-text/213409>\
**Category:** Showcase\
**Created:** [June 29, 2022, 5:19pm UTC](https://forum.bubble.io/t/shadow-caster-pro-shadows-for-images-text/213409 "2022-06-29T17:19:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![bubbleis](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubbleis/32/146435_2.png) [@bubbleis](https://forum.bubble.io/u/bubbleis)\
**Post date:** [June 29, 2022, 5:19pm UTC](https://forum.bubble.io/t/shadow-caster-pro-shadows-for-images-text/213409/1 "2022-06-29T17:19:28Z")

</div>

Hi Bubble ✋

I’m very excited to show you a new plugin that can change a lot in your next app release 😉  
Is as simple as install plugin, define a shadow schema, and use it to elements 🙂

Please follow for a detailed view [DEMO page](https://bubble-plugins-2.bubbleapps.io/version-test/shadow-caster), [Plugin page](https://bubble.io/plugin/shadow-caster-1656297678216x455604735506382850).

A lot of pictures with examples below:

**A tiny blue shadow for text without offset**

 ![Screenshot_16](https://us1.discourse-cdn.com/bubble/original/3X/e/8/e8bf6cf827fbee4051beef5661c24c92d1e299bf.png)  
 ![Screenshot_11](https://us1.discourse-cdn.com/bubble/original/3X/0/e/0ebc66118ff50095f64f9c3a7e85403b89cf5bc3.png)

**PNG images can also drop a shadow from now**  
 ![Screenshot_2](https://us1.discourse-cdn.com/bubble/original/3X/6/2/62e3be018b2695c31b5b6d08911d80c1c88ec678.png)  
 ![Screenshot_3](https://us1.discourse-cdn.com/bubble/original/3X/8/9/897349e5697d4dd759ea12ef59ce6a958c898557.png)

**Looks natural**  
 ![Screenshot_4](https://us1.discourse-cdn.com/bubble/original/3X/f/f/ff05c197fdecc5d7e5336e4cfa0e48ee8e2f1a5a.png)  
 ![Screenshot_5](https://us1.discourse-cdn.com/bubble/original/3X/1/b/1bc023d436934cd7f6fcca70aa203a83282cd4f8.png)

**A tiny offset shadow**  
 ![Screenshot_6](https://us1.discourse-cdn.com/bubble/original/3X/b/4/b4714c24160f4b138222c4c287cd4dcfea6b5a2b.png)  
 ![Screenshot_7](https://us1.discourse-cdn.com/bubble/original/3X/2/d/2de1c8d963af6c104abbcef058476f3c01a4664a.png)

**A glow effect is possible too 🙂**  
 ![Screenshot_8](https://us1.discourse-cdn.com/bubble/original/3X/e/2/e2445ff064f8b8238b7c2349759496f74dd3847a.png)  
 ![Screenshot_9](https://us1.discourse-cdn.com/bubble/original/3X/7/e/7e8f9f431cccc46121610ea6dc5fc38159eb7499.png)

If you enjoyed until here, then leave a like, it’s a nice support to do things and bring bubble community new features 😉

[DEMO page](https://bubble-plugins-2.bubbleapps.io/version-test/shadow-caster),  
[Plugin page](https://bubble.io/plugin/shadow-caster-1656297678216x455604735506382850),  
[Author](https://bubble.io/contributor/mr-bubbles-1569515603397x325153050732696100),  
[Contact me](mailto:bubbleis@outlook.com)

Mr. Bubbles

---

<div class="post-metadata">

**Author:** ![bubbleis](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/bubbleis/32/146435_2.png) [@bubbleis](https://forum.bubble.io/u/bubbleis)\
**Post date:** [August 12, 2022, 2:47pm UTC](https://forum.bubble.io/t/shadow-caster-pro-shadows-for-images-text/213409/2 "2022-08-12T14:47:10Z")

</div>

Works also for SVG, and Lottie Animations 🙂

---

<div class="post-metadata">

**Author:** ![arensbpa](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/arensbpa/32/192304_2.png) [@arensbpa](https://forum.bubble.io/u/arensbpa)\
**Post date:** [February 10, 2023, 1:47am UTC](https://forum.bubble.io/t/shadow-caster-pro-shadows-for-images-text/213409/3 "2023-02-10T01:47:54Z")

</div>

Looks great you guys good work!

---

<div class="post-metadata">

**Author:** ![arensbpa](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/arensbpa/32/192304_2.png) [@arensbpa](https://forum.bubble.io/u/arensbpa)\
**Post date:** [July 22, 2023, 7:46pm UTC](https://forum.bubble.io/t/shadow-caster-pro-shadows-for-images-text/213409/4 "2023-07-22T19:46:44Z")

</div>

@bubbleis love this plugin thanks for making it! Is there custom CSS or another way to set the bottom shadow to 0?

The image is a background image so that may be why the shadow is extending outside of the group? I’ve got the ID attribute on the group containing the background image because I’m not seeing a way to set the ID attribute to the dynamic background image.

 ![Screen Shot 2023-07-22 at 2.44.24 PM](https://us1.discourse-cdn.com/bubble/original/3X/5/e/5e5c6980275565a38135b841c417e4b343ca25ee.png)