Как установить псевдо элементы after before к svg?

Question

[anriko]

.share__tel svg:after, .share__tel i:after {
    content: "";
    position: absolute;
    width: 80px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #FFF;
    z-index: 1;
    -webkit-animation: ping 0.8s ease-in infinite both;
    animation: ping 0.8s ease-in infinite both;
    background-color: rgb(186, 146, 0);
    top: 50%;
    height: 80px;
    border-radius: 50%;
    left: 50%;
    -webkit-animation-delay: 3.25s;
    animation-delay: 3.25s;
}

так не вышло ,не понял почему

Comments

[Rustam Bainazarov]

Потому что с SVG не работают псевдоэлементы.

Answer 1

[dmalapsh]

Есть некоторые теги которые не имеют псевдоэлементов. Единственный способ добавить псевдоэлементы - обернуть в div и добавить псевдоэлемент к нему