Как удалить тонкую линию между обрезанными элементами? ⇐ Html

[Anonymous]

I used CSS clip-path to clip a logo into 2 parts and displace them to create the following effect but there remains a thin line between both elements:



Why is this line появляется? Это проблема рендеринга? < /Li>
Какое устойчивое решение для удаления этой линии? Тем не менее, я думаю, что должно быть лучшее решение, и я хотел бы услышать ваш ... < /p>
Я настраиваю фрагмент кода на Codepen (с моим перекрывающимся решением) или альтернативно ниже (без какого-либо исправления). < /P>

Код: Выделить всё

body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #120a8f;
}

.logo__link {
position: relative;
color: #ffff00;
font-family: Outfit, Helvetica, sans-serif;
font-style: italic;
font-size: 5rem;
font-weight: 900;
text-decoration: none;
}

.logo__name-top {
position: absolute;
top: 0;
right: 0.05em;
clip-path: inset(0% -5% 40% 0%);
}

.logo__name-bottom {
position: absolute;
top: 0;
right: 0;
clip-path: inset(60% -5% 0% 0%);
}

.logo__name-pseudo {
visibility: hidden;
}< /code>




[url=/]
Piranhas
Piranhas
Piranhas
[/url]

Подробнее здесь: https://stackoverflow.com/questions/795 ... d-elements