4/23 Градиенты под углом – почему-то не засчитывается ни одна цель!

Здравствуйте!
Выполнил данное задание. Код правильный (перепроверял несколько раз!). Но ни одна цель почему-то не засчитывается! Ни автоматически, ни с помощью кнопки «Проверка»! Версия браузера (Mozilla Fierfox) самая свежая (51.0.1). Правда 32-бит. В то время, как установленная ОС Windows 7– 64-бит. Но ведь до этого всё работало нормально. В чём же всё-таки дело? Помогите, пожалуйста!
Вот мой код:
.leaf-top-left {
background-image: linear-gradient(135deg, #ff0000, #000000);
}

.leaf-top-right {
background-image: linear-gradient(225deg, #ff0000, #000000);
}

.leaf-bottom-right {
background-image: linear-gradient(315deg, #ff0000, #000000);
}

.leaf-bottom-left {
background-image: linear-gradient(45deg, #ff0000, #000000);
}

А если так -moz-linear-gradient ?

Уважаемый Dmitrij_Perejro, большое Вам спасибо за отклик!
Попробовал реализовать Ваше предложение – увы, не помогло.

Выходил и по-новой заходил на сайт, перезагружал компьютер – ничего не помогает!
Градиенты правильные компьютер рисует, а зачёта целей так и нет.
Ау-у! Люди-и! Помогите пожалуйста! А то к следующему заданию перейти не могу.

Милейший, так у Вас код не верный.

.leaf-top-left {
background-image: linear-gradient(135deg, #ff0000, #000000);
}

.leaf-top-right {
/градиент от #00ff00 к #000000/
background-image: linear-gradient(225deg, #00ff00, #000000);
}

.leaf-bottom-right {
/градиент от #ffff00 к #000000/
background-image: linear-gradient(315deg, #ffff00, #000000);
}

.leaf-bottom-left {
/градиент от #ff00ff к #000000/
background-image: linear-gradient(45deg, #ff00ff, #000000);

1 лайк

Уважаемый Dmitrij_Perejro, спасибище огромное!!!
Вот что значит невнимательность!
Я почему-то прозевал, что от лепестка к лепестку меняются не только углы градиента, но и цвета.
Всё исправил. Заработало!
Вопрос исчерпан.

1 лайк