# SVG Stroke Transitions

**URL:** <https://forums.realmacsoftware.com/t/svg-stroke-transitions/45251>\
**Category:** RapidWeaver Elements\
**Created:** [November 12, 2024, 10:44pm UTC](https://forums.realmacsoftware.com/t/svg-stroke-transitions/45251 "2024-11-12T22:44:34Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Bill](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bill/32/107_2.png) [@Bill](https://forums.realmacsoftware.com/u/Bill)\
**Post date:** [November 12, 2024, 10:44pm UTC](https://forums.realmacsoftware.com/t/svg-stroke-transitions/45251/1 "2024-11-12T22:44:34Z")

</div>

I’m using beta19 I added a dropzone to a custom component, then dropped an SVG component in there, drag/dropped an svg image from resources to the image drop well on the right. Then double-clicked on svg in edit window to get the svg editing controls. I set Stroke \> Hover to different start & end colors. I then set Transitions to ‘All’, Ease-in-out’, ‘1000’ and ‘0’ This should give a nice slow transition, but stroke is instant. Can stroke have a transition?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 13, 2024, 9:19pm UTC](https://forums.realmacsoftware.com/t/svg-stroke-transitions/45251/2 "2024-11-13T21:19:20Z")

</div>

Ah yes, I’ll add this to the list to take a look at!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [November 14, 2024, 6:04pm UTC](https://forums.realmacsoftware.com/t/svg-stroke-transitions/45251/3 "2024-11-14T18:04:57Z")

</div>

Hey @Bill Your wish is my command 🪄

The next beta (Beta 21), adds opacity and transition effects on stroke 💥

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [November 14, 2024, 7:36pm UTC](https://forums.realmacsoftware.com/t/svg-stroke-transitions/45251/4 "2024-11-14T19:36:57Z")

</div>

Hopefully, on FILL as well, right?

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [November 14, 2024, 9:06pm UTC](https://forums.realmacsoftware.com/t/svg-stroke-transitions/45251/5 "2024-11-14T21:06:44Z")

</div>

Yes, works on Fill as well 😃