A viz from the future

You know minority report?

This video is what I mean

• Dark mode
• Flashy, Neon color
• Glowing shapes
• Gradient
• Animation

Can be done with overlapping box-shadow.

Official doc is here

A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.

With inset, I can put the shadow inside of the shape

shadows are drawn one of top of each other.

But there is an issue: box-shadow does not exist for svg.

How can I do.

Two main ways: svg filter and css filter

css filter is easy, it works like box-shadows that is described above

BUT, it does not work with inset, so we need another solution for inside shadow.

But there is an issue: how to do for canvas