Shadow in adobe animate with gsap?

[skill]

I want to create a shadow on a button. But is that possible in adobe animate? 

 

I've tried something like this:

TweenMax.to(this, 1.25, { boxShadow:"35px 45px 56px #FF5050" }); 

 

But that's not working.

 

Or can I do it afterwards with css? Or is that impossible because it's all in one canvas?

 

Please help me out

[ohem]

Box shadow is a CSS property which will not work in canvas.

 

In Animate CC, you can use a filter: https://helpx.adobe.com/animate/using/graphic-filters.html

[skill]

Box shadow is a CSS property which will not work in canvas.

 

In Animate CC, you can use a filter: https://helpx.adobe.com/animate/using/graphic-filters.html

Every time I use a filter for drop-shadow, the drop shadow 'strenght' is 100%, even though I change it to like 5%. It's totally useless...

I really don't get it.

[ohem]

Every time I use a filter for drop-shadow, the drop shadow 'strenght' is 100%, even though I change it to like 5%. It's totally useless...

I really don't get it.

In HTML5 Canvas documents, there is less control over the filters than there was with ActionScript.

 

I also see that changing the strength doesn't work, however one workaround is that you can change the alpha when setting the color of your shadow.  You can also adjust the blurriness.

 

Alternately, for what you want to do with a simple button, you could just make a dark rectangle on a layer behind your button, and use a blur filter on that to get a similar effect.