# Tailwind 4 - shading

**URL:** <https://forums.realmacsoftware.com/t/tailwind-4-shading/57042>\
**Category:** Elements\
**Created:** [July 18, 2026, 10:50am UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042 "2026-07-18T10:50:44Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [July 18, 2026, 10:50am UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042/1 "2026-07-18T10:50:44Z")

</div>

I am using the new added features for shading that come with TW4 and I want to do the following. I know I can make a custom component and add HTML Code but wanted to know if I can just do this with the new controls, but I am struggling. Is it possible to do two spheres like below. I have a circle and I have dded shadings and played with controls but not getting it. TIA @dan @upssjw

 ![Screenshot 2026-07-18 at 11.42.22](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/e/9e3c1973b34c6fd72b2ffb2a198fdd8e8d3c487c.png)

 ![Screenshot 2026-07-18 at 11.42.00](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/d/adee0e472a7dd124eb67489b07e48d450c91a8d7.png)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 18, 2026, 12:45pm UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042/2 "2026-07-18T12:45:14Z")

</div>

@PMUK Elements only

First one even has shadow on bottom, missing strong light at top

Second one nearly got there

the components need a couple of extra controls, 3D transform as well, then they would be phenomenal, same for Reveal as well

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [July 18, 2026, 1:02pm UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042/3 "2026-07-18T13:02:42Z")

</div>

Phenomenal as always, can I have a clue as how you got there as mine look crap! 🙂 🙂 🙂

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 18, 2026, 1:05pm UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042/4 "2026-07-18T13:05:32Z")

</div>

@PMUK

I had to add two components together for both examples, quick, dirty but easy -

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [July 18, 2026, 1:09pm UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042/5 "2026-07-18T13:09:12Z")

</div>

Amaze balls or is that Spheres? THANKS as ALWAYS you are a STAR!!!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 18, 2026, 1:11pm UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042/6 "2026-07-18T13:11:43Z")

</div>

no probs, probably easier to do than this

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 19, 2026, 3:59pm UTC](https://forums.realmacsoftware.com/t/tailwind-4-shading/57042/7 "2026-07-19T15:59:01Z")

</div>

Elements components only see video above

ok doubled size of spheres, adjusted angle of shadow on first sphere, tried to create illusion second sphere, bowl is in sphere

could probably add a small circle to create highlight but couldn’t be bothered

quick, dirty but easy, probably different ways to do this

leave until tomorrow morning if anyone is interested

[elementsapp://downloadDocument/c1F8Ggwa2HyQ](elementsapp://downloadDocument/c1F8Ggwa2HyQ)
