Мобильная версияПереопределение переменной CSS для псевдоэлемента не работает [дубликат] ⇐ CSS
-
Гость
Переопределение переменной CSS для псевдоэлемента не работает [дубликат]
Я создаю фоновый узор на своей веб-странице, используя переменные CSS и псевдоэлементы. Я определил переменную CSS под названием --rotation, которую пытаюсь использовать для изменения вращения шаблона в псевдоэлементе body::before. Переменная --rotation должна переопределить значение по умолчанию, равное 0.
Документ :корень { --line-pattern: повторяющийся линейный-градиент(var(--rotation, 0),#DC6638, #DC6638 20 пикселей, #0D1335 20 пикселей, #0D1335 40 пикселей); } тело { высота: 100вх; положение: относительное; фон: var (--line-pattern); } тело::перед { --Вращение: 30 градусов; содержание: ""; фон: var (--line-pattern); позиция: абсолютная; вставка: 100 пикселей; }
Несмотря на настройку --rotation на 30 градусов в body::before, похоже, это не влияет на вращение шаблона. Вместо этого узор остается идентичным фону тела, без видимого вращения. Я ожидал, что узор повернется на 30 градусов.
Может ли кто-нибудь помочь объяснить, почему --rotation не влияет на псевдоэлемент body::before, как я ожидал? Буду очень признателен за любые идеи о том, как заставить ротацию работать.
Я создаю фоновый узор на своей веб-странице, используя переменные CSS и псевдоэлементы. Я определил переменную CSS под названием --rotation, которую пытаюсь использовать для изменения вращения шаблона в псевдоэлементе body::before. Переменная --rotation должна переопределить значение по умолчанию, равное 0.
Документ :корень { --line-pattern: повторяющийся линейный-градиент(var(--rotation, 0),#DC6638, #DC6638 20 пикселей, #0D1335 20 пикселей, #0D1335 40 пикселей); } тело { высота: 100вх; положение: относительное; фон: var (--line-pattern); } тело::перед { --Вращение: 30 градусов; содержание: ""; фон: var (--line-pattern); позиция: абсолютная; вставка: 100 пикселей; }
Несмотря на настройку --rotation на 30 градусов в body::before, похоже, это не влияет на вращение шаблона. Вместо этого узор остается идентичным фону тела, без видимого вращения. Я ожидал, что узор повернется на 30 градусов.
Может ли кто-нибудь помочь объяснить, почему --rotation не влияет на псевдоэлемент body::before, как я ожидал? Буду очень признателен за любые идеи о том, как заставить ротацию работать.
