Вопросы с меткой [css-variables]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
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)...
Михаил Камахин's user avatar
2 голоса
1 ответ
49 показов

Как указать var() в качестве значения одного из параметров (initial-value) @property для другого var()

Сидел значит, тренировался в css с новыми фишками. И уткнулся в проблему! Есть у меня 2 переменные: --number: 0; --time: 30; Так вот для --time нужно задать пропсы @property --number { syntax: &...
Javier Pena's user avatar
-2 голоса
1 ответ
37 показов

Помогите подправить код JavaScript Replace

Я изучаю запоминая слова в Анкидроид и там каждая карточка по сути веб страница, все под себя настраивется. Так вот на примере слова estimate есть скрипт для замены гласных на * и получается это так ...
Ерлан Е's user avatar
0 голосов
0 ответов
107 показов

Переменные в :root

В чем разница объявление css переменных в :root и в html или другом селекторе? В чем преимущество использование именно root?
Denys Poltorak's user avatar
2 голоса
0 ответов
43 показа

CSS переменная не определяется

Я определяю переменные цветов и потом совмещаю их в другой переменной, вставляя эту переменную в контейнер, я получаю все еще зеленый цвет, хотя я перезаписываю одну из них в потомке и должен получить ...
Evangeline Rei's user avatar
0 голосов
1 ответ
31 показ

Использование css переменных

Верстаю фигмовский макет Webovio. Интересует верстка блока 04 Services Изображение из этого блока Есть код этого блока :root { --figma-windowwidth: 1440px; --figma-headerheight: 810px; --...
wfamilyweb's user avatar
2 голоса
1 ответ
69 показов

Изменение значения использованной css-переменной

Я ожидал, что в следующем коде получится синий div, а он красный. Как поправить? :root { --base-color: red; --color: var(--base-color); } main { --base-color: blue; } div { height: 3em; ...
Qwertiy's user avatar
  • 121k
3 голоса
2 ответа
440 показов

SVG закраска (fill) с помощью CSS переменных

Я пытаюсь использовать переменные CSS в моем SVG (который установлен в качестве фонового изображения) для цвета заливки, но мне трудно заставить его работать. Он показывает черный цвет по умолчанию, ...
Alexandr_TT's user avatar
2 голоса
2 ответа
158 показов

Как задать радиус или положение SVG через CSS-переменную

Перевод вопроса @Gangula на EN SO: Можно ли с помощью CSS-переменных управлять в SVG такими значениями, как радиус или положение, через атрибуты элемента? Вот, например, я задал переменные для цвета --...
Gleb Kemarsky's user avatar
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" ...
Alexandr_TT's user avatar
2 голоса
1 ответ
135 показов

Отслеживание CSS переменных через JavaScript

У меня есть анимация в CSS, которая изменяет CSS переменные. Я бы хотел через JavaScript отслеживать изменения CSS переменных и в зависимости от значения делать какие-то действия(можно сделать ...
Михаил Камахин's user avatar
2 голоса
1 ответ
304 показа

Как создать изогнутый острый край (think blade), используя только CSS

Вот изображение того, что я пытаюсь создать: Я пробовал использовать радиус границы, но результат всегда получился слишком круглым. Я ищу решение CSS (без SVG). .blade { height: 300px; width: ...
Alexandr_TT's user avatar
2 голоса
1 ответ
83 показа

Как создать background из треугольников?

Как показано на изображении выше, на фоне есть треугольники схожих, но разных оттенков цвета. Мне удалось получить такой же цвет, который на изображении #4C27B3 https://codepen.io/JoyFulCoding/pen/...
Alexandr_TT's user avatar
4 голоса
3 ответа
187 показов

Как разделить слово на буквы, если они находятся в одном div?

Я хочу сделать background стиль css для каждой буквы в одном div <div class="hello">1999</div> таким образом, как будто у счетчика за каждой цифрой стоит фон Как я могу это ...
Alexandr_TT's user avatar
7 голосов
3 ответа
91 показ

Граница в стиле ар-деко в CSS

Я хочу добиться этого эффекта границы с помощью чистого CSS: Я бы предпочел добиться этого без добавления дополнительных элементов div. Свободный перевод вопроса Art Deco style border in CSS от ...
Alexandr_TT's user avatar
4 голоса
2 ответа
404 показа

Как создать CSS с формой волны

На изображении ниже показано, что я пытаюсь создать: У меня есть следующее решение, но оно должно быть более частым, например, увеличение частоты синусоидальной или косинусной волны #wave { ...
Alexandr_TT's user avatar