Как сделать, чтобы не было видно что накладывается псевдо?

Question

[Antonio09]

добиваюсь такого

https://jsfiddle.net/xu8mwf54/2/

Comments

[iBird Rose]

к примеру вместо полупрозрачных цветов использовать opacity для блока

[Antonio09]

iBird Rose, но как то вроде не ососо похоже
или мне кажется?
https://jsfiddle.net/xu8mwf54/2/

[iBird Rose]

Antonio09, а что изменилось?

[Antonio09]

iBird Rose, сорри
вот

1/ 2 / 50 строки
https://jsfiddle.net/yt5xo6wv/1/

[iBird Rose]

Antonio09, ну и? в чем проблема? псевдоэлементы теперь не выделяются другим оттенком. ты вроде этого и хотел

[Antonio09]

iBird Rose, так то да
но сам цвет элемента не особо похож на макет

[iBird Rose]

Antonio09, ну тк подбирай цвет и прозрачность. и фон сделай темным цветом, чтобы легче подбирать было

[Ankhena]

По-моему, то что на скрине делается обычным бордер-радиусом.

[Antonio09]

Ankhena, тут бордер не круглый
а закругленный

не обычный

[Ankhena]

Antonio09, border-radius: 40%; четко ложится

Вот смотрите https://jsfiddle.net/b61ny5Le/
И не нужно заморачиваться с псевдо.