css – Vue3 + Vanta: Draw a transparent gradient on the canvas

I have this vue3 app (at least here on the code sandbox, just click a little refresh button when the preview throws an error) where Vantaa is used to create this background animation. What I would like to do is end it with a linear inclination. But I can’t use it.

I’ve tried adding one. background-image Property to one div Which wraps. v-vanta Component and a mask-image css property, which applies directly to the element. Some googling suggests that it will not work on the canvas object that Vantaa uses under the hood.

Does anyone have any insights on this?

Write a Comment