Результаты поиска
| Тип поиска | Синтаксис поиска |
|---|---|
| Метки | [метка] |
| Точно | "слова в кавычках" |
| Автор |
user:1234 user:me (ваши) |
| Рейтинг |
score:3 (3+) score:0 (нет) |
| Ответов |
answers:3 (3+) answers:0 (нет) isaccepted:yes hasaccepted:no inquestion:1234 |
| Просмотры | views:250 |
| Код | code:"if (foo != bar)" |
| Секции |
title:яблоки body:"яблоки апельсины" |
| Ссылка | url:"*.example.com" |
| Закладки | in:saves |
| Статус |
closed:yes duplicate:no migrated:no wiki:no |
| Типы |
is:question is:answer |
| Исключить |
-[метка] -яблоки |
| Для получения дополнительной информации о расширенном поиске посетите нашу страницу справки | |
Результаты поиска по меткам svg
Параметры поиска: not deleted
user 377637
136 результатов
SVG (от англ. Scalable Vector Graphics - масштабируемая векторная графика) - язык разметки двумерной масштабируемой векторной графики, входящий в подмножество расширяемого языка разметки XML.
1
голос
Принятый
Анимация линии svg, зависимая от выбора пользовательского значения
Вариант CSS + чуть-чуть JavaScript и столько же jQuery:
var input = $('input[type="range"]');
var line = $('.line>i');
var setSpeedValue = function() {line.css({'height': input.val() + '%'});};
in …
4
голоса
Принятый
Возможно ли вырезать часть элемента так, что бы эта часть стала прозрачной (Скриншот вложен)?
Ну вот как-то так:)Отвечая на ваш вопрос, подобную конструкцию можно выполнить с помощью формального языка описания внешнего вида документа, написанного с использованием языка разметки CSS (каскадные …
2
голоса
Принятый
Как центрировать svg?
.vk {
border-radius: 50%;
background-color: #d2d1cf;
display: block;
margin: 0 auto;
text-align: center;
}
<svg class="vk" xmlns="http://www.w3.org/2000/svg" width="60" height="60" … C28.4437266,12.447589 27.2201126,11.4093935 26.8492755,10.8901723 C26.3301778,10.2228138 26.4785003,9.92610716 26.8492755,9.33287904 C26.8492755,9.33287904 31.1135309,3.32591196 31.5584982,1.28655527 Z"/>
</svg …
0
голосов
Закрасить текст при скролле страницы
Ну вот как-то так:
$(function() {
$('.parallax').animate({
scrollTop: $(document).height()
}, 2000);
$(window).scroll(function() {
$('span').css('height', Math.round($(window). …
2
голоса
0
ответов
108
показов
Как сделать скошенный фон?
И вот мне стало интересно: а возможно ли такое сделать с помощью SVG? … >
</div>
<div class="page page2">
<svg viewBox="0 0 100 100" preserveAspectRatio="none">
<polygon id="page2" fill="white" fill-opacity="0" points="0 0, 100 0, 100 100, 0 100"/>
</svg>
</div …
2
голоса
Принятый
Как анимировано перекрасить div?
SVG ⇒ CSS Сравним количество кода? …
11
голосов
Как сделать плавный изгиб - переход от красной части меню к чёрной
Решение на чистом CSS
Правда совсем небольшой дефект виден, но это уже если всматриваться. Думаю, что пользователи сайта этого как правило не делают :) Но зато есть градиент и вся задумка решена на 9 …
6
голосов
Как сделать плавный изгиб - переход от красной части меню к чёрной
Решение No2 на чистом CSS
Самое короткое настолько, насколько это возможно. Короче не придумаешь.
Полностью адаптивно на все 100%.
Работает во всех браузерах без исключений.
.nav {
display: …
3
голоса
Stroke выходит за границы холста SVG
body {margin: 0; padding: 0;}
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-16 -16 474 433">
<path fill="none" stroke="black" stroke-width="35" d="M329.9,1.5c60.56,0,109.6,49.03,109.6,109.47c0,109.47 … -109.6,171.8-219.06,281.27C110.97,282.77,1.5,220.44,1.5,110.97C1.5,50.53,50.54,1.5,110.97,1.5c54.73,0,82.1,27.37,109.47,82.1 C247.8,28.87,275.17,1.5,329.9,1.5z" />
</svg> …
1
голос
Принятый
Как реализовать паузы между повторениями анимаций
<svg id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300" viewBox="0 0 300 300" style="border:1px solid">
<path transform="scale … begin="svg1.click;pause.end"
dur="3s"
restart="whenNotActive"
fill="freeze"
values="0,0;650,650;0,0"
repeatCount="1"
additive="sum"
/>
</path>
</svg …
2
голоса
Принятый
SVG Как получить значение из SVG спрайта под нужный размер?
640х480 и 30х20 - получается непропорциональное уменьшение.
Если ширину 640px уменьшить до 30px, то высота соответственно, чтобы получилось пропорционально, должна быть 23px.
Чтобы добиться вывода ико …
1
голос
Растянуть SVG-изображение с изменением пропорций внутри CSS Grid
Если изобразить скобку в виде рисунка SVG, то такой вариант допустить можно. Однако, в этом случае тогда рисунок будет ни как одно целое, а состоять из нескольких элементов. …
0
голосов
1
ответ
221
показ
При прокрутке страницы не отображается движение маршрута
Поставлена следующая задача:
При прокрутке страницы вниз по мере прочтения контента на заднем фоне должен прокладываться определенный маршрут по карте с помощью canvas и svg. … Путь к файлу svg прописан в script_app.js
.container {
position: fixed;
z-index: -1;
top: 0;
left: 0;
}
.container canvas {
background: #b1efff;
}
.text {
position: relative …
23
голоса
4
ответа
6k
показов
Как сделать фон из точек на css?
Как сделать на css такой фон из точек?
.bg {
width: 100%;
height: 50px;
background: url(https://sport.mail.ru/img/_main/subnav.png)
}
<div class="bg"></div>
11
голосов
Как сделать фон из точек на css?
Я пытался самостоятельно сделать такой фон следующим образом, однако у меня не совсем то получилось:
.bg {
width: 100%;
height: 50px;
background: radial-gradient(#000 5%, transparent 20% …