'vuejs change class properties, to change elements of an lottie animation

I load a lottie animation into a svg tag.

Within this lottie-animation, various elements are assigned classes, for example to show a shadow.

this class is of course buried deep in the lottie svg, how can I now change the style of this class with vue tools.

the class is very simple,

.myshadow {
   filter: drop-shadow(12px 12px 6px #ff0000);
}

is there a way to change e.g. the transparency or color of the shadow.

a dynamic class will not work, is there a way to change e.g. the transparency of the shadow.

the only question is whether I can also do this directly with vuejs, so that, for example, a component can react dynamically to the switch of a flag outside of the composition. e.g. the contrast of the application is changed to black and white, then the shadow should be disabled. also not to change the class or style, i want to change the properties of the CSS class.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source