I notice you mentioned drop-shadow affecting rendering in some browsers, what other properties or features should you avoid to make an illustration more cross-browser compatible in your experience?
With the newer versions of Edge being Chromium, there are not as many issues. A few properties to be careful are:
filter: not all filters are supported by all the browsers. E.g. drop-shadow on Safari;
clip-path: IE does not support it at all, and most browsers only support polygon() or url(). path is in the definition, but no browser supports it (and it would be a game-changer).
background-image with gradients: while linear-gradient and radial-gradient are supported, conic-gradient is not, and repeating-linear-gradient is only partial.
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I notice you mentioned drop-shadow affecting rendering in some browsers, what other properties or features should you avoid to make an illustration more cross-browser compatible in your experience?
With the newer versions of Edge being Chromium, there are not as many issues. A few properties to be careful are:
filter: not all filters are supported by all the browsers. E.g.drop-shadowon Safari;clip-path: IE does not support it at all, and most browsers only supportpolygon()orurl().pathis in the definition, but no browser supports it (and it would be a game-changer).background-imagewith gradients: whilelinear-gradientandradial-gradientare supported,conic-gradientis not, andrepeating-linear-gradientis only partial.