1

Почему не работают градиенты? Должно быть красным и с узором! Сам код.

.svet {
  height: 470px;
  width: 150px;
  border: 7px solid #777;
  border-radius: 80px;
  background: radial-gradient(hsl(0, 100%, 40%), hsl(0, 100%, 40%)), linear-gradient(45ged, transparent 5px, #555 5px, #555 6px, transparent 6px), -linear-gradient(135ged, transparent 5px, #333 5px, #333 6px, transparent 6px);
  background-size: 200px 200px, 14px 14px, 14px 14px;
  background-color: #444;
}

2 ответа 2

6

https://jsfiddle.net/1tb7mf9s/3/

.svet {
    height:  470px; width: 150px;
    border: 7px solid #777; border-radius: 80px;
    background-color: #444;
    background: 
        linear-gradient(135deg, transparent 5px, #333 5px, #333 6px, transparent 6px),
        linear-gradient(45deg, transparent 5px,  #555 5px, #555 6px, transparent 6px),
        radial-gradient(hsl(0, 100%, 40%), hsl(0, 100%, 40%)); 
  background-size: 14px 14px, 14px 14px, 200px 200px; 
}
<div class="svet"></div>

  1. -linear-gradient -> linear-gradient
  2. background-color надо ставить до background
  3. ged -> deg
  4. Градиенты в обратном порядке. background-size - тоже.
-1
.svet {
  height: 470px;
  width: 150px;
  border: 7px solid #777;
  border-radius: 80px;
  background: radial-gradient(hsl(0, 100%, 40%), hsl(0, 100%, 40%)), linear-gradient(45ged, transparent 5px, #555 5px, #555 6px, transparent 6px), linear-gradient(135ged, transparent 5px, #333 5px, #333 6px, transparent 6px);
  background-size: 200px 200px, 14px 14px, 14px 14px;
  background-color: #444;
}
1
  • Не работает, естественно. Там 4 ошибки, а не 1.
    – Qwertiy
    16 мар 2016 в 17:18

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.