Как я могу замаскировать перекрывающиеся части двух файлов SVG с помощью CSS? ⇐ CSS

[Anonymous]

I have two SVG files. They will partially overlap each other according to the design I have. For instance, file A will be partially hovered on file B. I want to "mask" the parts that are matched on both files. I've attached the design file for better understanding. Is it possible to achieve this using CSS? I've tried clip-path, but maybe I don't understand the concept well enough as it was difficult to achieve what I'm looking for.






Источник: https://stackoverflow.com/questions/780 ... -using-css