Добавление SVG в СSS
 

Всем привет. на своем сайте дл скрытия определенный областей элементов использую CVG и Clip-path.
То-есть:

<svg height="0" width="0" class="svg-clip">
	<defs>
		<clipPath id="clip-one" clipPathUnits="objectBoundingBox">
			<polygon fill="none" points="0,0 1,0 0,1"/>
		</clipPath>
	</defs>
</svg>

И присоединяю к определенному элементу путем:

.content:before{
    content: "";
    position: absolute;
	background: #fac;
	width: 100%;
    height: 140px;
    -webkit-clip-path: url(#clip-one);
    clip-path: url(#clip-one);
}

Однако я не понимаю каким именно свойством CSS и тегом HTML обьединять SVG. То-есть создать SVG графику и присоеденить ее к элементу с псевдокассом :before

"Свойством CSS и тегом HTML" у тебя не получится... :no:
Как вариант, можно попробовать скриптом создать, нужные тебе элементы, и вставить их в элемент с псевдокассом :before...