Вопросы с меткой [css-variables]
Руководство по использованию метки css-variables отсутствует.
16
вопросов
1
голос
1
ответ
72
показа
Как в svg circle сделать нулевую заполненность круга
У меня есть вот такая вёрстка svg круга
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
}
.progressbar {
max-width: 150px;
font-size: 10px;
--color: rgb(0, 186, 16)...
2
голоса
1
ответ
49
показов
Как указать var() в качестве значения одного из параметров (initial-value) @property для другого var()
Сидел значит, тренировался в css с новыми фишками.
И уткнулся в проблему!
Есть у меня 2 переменные:
--number: 0;
--time: 30;
Так вот для --time нужно задать пропсы
@property --number {
syntax: &...
-2
голоса
1
ответ
37
показов
Помогите подправить код JavaScript Replace
Я изучаю запоминая слова в Анкидроид и там каждая карточка по сути веб страница, все под себя настраивется.
Так вот на примере слова estimate есть скрипт для замены гласных на * и получается это так ...
0
голосов
0
ответов
107
показов
Переменные в :root
В чем разница объявление css переменных в :root и в html или другом селекторе?
В чем преимущество использование именно root?
2
голоса
0
ответов
43
показа
CSS переменная не определяется
Я определяю переменные цветов и потом совмещаю их в другой переменной, вставляя эту переменную в контейнер, я получаю все еще зеленый цвет, хотя я перезаписываю одну из них в потомке и должен получить ...
0
голосов
1
ответ
31
показ
Использование css переменных
Верстаю фигмовский макет Webovio. Интересует верстка блока 04 Services
Изображение из этого блока
Есть код этого блока
:root {
--figma-windowwidth: 1440px;
--figma-headerheight: 810px;
--...
2
голоса
1
ответ
69
показов
Изменение значения использованной css-переменной
Я ожидал, что в следующем коде получится синий div, а он красный. Как поправить?
:root {
--base-color: red;
--color: var(--base-color);
}
main {
--base-color: blue;
}
div {
height: 3em;
...
3
голоса
2
ответа
440
показов
SVG закраска (fill) с помощью CSS переменных
Я пытаюсь использовать переменные CSS в моем SVG (который установлен в качестве фонового изображения) для цвета заливки, но мне трудно заставить его работать. Он показывает черный цвет по умолчанию, ...
2
голоса
2
ответа
158
показов
Как задать радиус или положение SVG через CSS-переменную
Перевод вопроса @Gangula на EN SO:
Можно ли с помощью CSS-переменных управлять в SVG такими значениями, как радиус или положение, через атрибуты элемента?
Вот, например, я задал переменные для цвета --...
1
голос
1
ответ
286
показов
Как использовать переменную CSS в URL-адресе ('data: image / svg + xml')
Я использую следующее, чтобы получить пунктирную границу вокруг div:
div {
width: 100px;
height: 100px;
border-radius: 16px;
background-image: url('data:image/svg+xml,%3csvg stroke="black" ...
2
голоса
1
ответ
135
показов
Отслеживание CSS переменных через JavaScript
У меня есть анимация в CSS, которая изменяет CSS переменные.
Я бы хотел через JavaScript отслеживать изменения CSS переменных и в зависимости от значения делать какие-то действия(можно сделать ...
2
голоса
1
ответ
304
показа
Как создать изогнутый острый край (think blade), используя только CSS
Вот изображение того, что я пытаюсь создать:
Я пробовал использовать радиус границы, но результат всегда получился слишком круглым. Я ищу решение CSS (без SVG).
.blade {
height: 300px;
width: ...
2
голоса
1
ответ
83
показа
Как создать background из треугольников?
Как показано на изображении выше, на фоне есть треугольники схожих, но разных оттенков цвета.
Мне удалось получить такой же цвет, который на изображении #4C27B3
https://codepen.io/JoyFulCoding/pen/...
4
голоса
3
ответа
187
показов
Как разделить слово на буквы, если они находятся в одном div?
Я хочу сделать background стиль css для каждой буквы в одном div
<div class="hello">1999</div>
таким образом, как будто у счетчика за каждой цифрой стоит фон
Как я могу это ...
7
голосов
3
ответа
91
показ
Граница в стиле ар-деко в CSS
Я хочу добиться этого эффекта границы с помощью чистого CSS:
Я бы предпочел добиться этого без добавления дополнительных элементов div.
Свободный перевод вопроса Art Deco style border in CSS от ...
4
голоса
2
ответа
404
показа
Как создать CSS с формой волны
На изображении ниже показано, что я пытаюсь создать:
У меня есть следующее решение, но оно должно быть более частым, например, увеличение частоты синусоидальной или косинусной волны
#wave {
...