Animating box-shadow spread radius in Hype Pro

Hello!

I am testing Hype 3 at the moment and one thing I am missing is the ability to set and animate the box-shadow spread radius (https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow). It allows to set the radius of the drop shadow, not only the blur.

Is this implemented and I simply haven’t found it or why has it not been implemented? Is there a particular reason? Otherwise great software!

Thank you in advance!
Sebastian

This would require a bit of CSS to use, or you could create an additional element, enlarge it, and set a blur on the element to simulate a blurred shadow with a larger size than the object on top of it.

What type of effect are you hoping to create?

BTW I saw this great example of spreads that taught me a little bit about how this looks in action: http://conceptboard.github.io/box-shadow-spread-examples/

1 Like