Можно ли применить эффект filter: invert(100%); filter: drop-shadow(1px 1px 13px red);?

Question

[fapchat]

Можно ли применить эффект filter: invert(100%);
и filter: drop-shadow(1px 1px 13px red); одновременно?

.sec1 section img:hover{
filter: drop-shadow(1px 1px 13px red);
filter:  invert(100%);

}

Comments

[Rustam Bainazarov]

Только вместо red подберите обратный ему цвет, ибо он тоже инвертируется из-за второго фильтра invert:


А вообще, сверстайте лучше этот ваш знак восклицания, чтобы спокойно менять фон и цвет крестика, а не через фильтры.

Answer 1

[nvdfxx]

.sec1 section img:hover {
    filter: drop-shadow(1px 1px 13px red) invert(100%)
}