How to prevent overlapping opacity of text in CSS?

user_13436868 0
Viewed 151

There are two semi-transparent text characters that overlap. The characters are contained within the same tag.

<p>┻━</p>

p {
    color: rgba(255, 255, 255, 0.5);
}

In the area where these two characters overlap, their opacity adds up.

enter image description here

Is there a way to prevent "double opacity" when characters overlap?

css html
1 Answers

Adding a slight rotation

(transform: rotate(0.01deg))

hides the double opacity overlap.

user_193323420
Related