Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.05.2018, 18:46
Аспирант
Отправить личное сообщение для LLIypuk Посмотреть профиль Найти все сообщения от LLIypuk
 
Регистрация: 23.07.2015
Сообщений: 48

Добавление 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
Ответить с цитированием
  #2 (permalink)  
Старый 16.05.2018, 09:22
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от LLIypuk
То-есть создать SVG графику и присоеденить ее к элементу с псевдокассом :before
"Свойством CSS и тегом HTML" у тебя не получится...
Как вариант, можно попробовать скриптом создать, нужные тебе элементы, и вставить их в элемент с псевдокассом :before...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
переименовать название стилей в SVG перед вставкой в другой SVG Герасим Events/DOM/Window 9 09.06.2018 09:16
Добавление элементов в dom по клику на SVG galiog Events/DOM/Window 2 13.12.2016 03:34
SVG CSS, SVG to WOFF kobezzza Firefox/Mozilla 2 29.03.2013 15:59
Добавление элемента в SVG jazzz13 Events/DOM/Window 3 22.12.2011 11:09
SVG добавление дочернего элемента zaytsewa Общие вопросы Javascript 14 16.06.2011 12:48