đảo ngược hình ảnh svg bằng css?

Question

Tôi đang cố đảo ngược một tệp hình ảnh có số mở rộng là .svg sử dụng css. Tôi biết các tệp .png và .jpg có thể được đảo ngược bằng cách sử dụng các thuộc tính csswebkit. Tôi mới trên svg hình ảnh. Có thể đảo ngược .svg hình ảnh bằng cách sử dụng css không?

Tôi đang cố gắng sử dụng

-webkit-filter:invert(1); 

filter:invert(1); 

nhưng mà không làm việc.

Answer 1

Bạn có thể thử này

svg { 
     -webkit-filter: invert(100%); 
     filter: invert(100%); 
    } 

Nhưng bạn cũng có thể đặt svg của bạn trên <img src=""> và phong cách như định dạng khác