градиенты с помощью только HTML и CSS и JavaScript?

Я сделал это прежде как трюк, с помощью JavaScript как:

var parent = document.getElementByID('foo');
for(var i=0; i< count; i++) {
    var div = document.createElement('div');
    div.style.position = 'absolute';
    div.style.width='100%';
    div.style.height = 1/count+"%";
    div.style.top = i/count+"%";
    div.style.zIndex = -1;
    parent.appendChild(div);
}

Если Ваше требование должно только иметь градиент, действительно необходимо использовать набор изображения градиента в качестве фонового изображения в CSS. В моем случае я анимировал цвета и положение градиента также. Я не могу ручаться на данный момент перекрестный браузер, который это (для начинающих, удостоверьтесь, что родитель имеет некоторое примененное положение, иначе это не будет контейнер положения для абсолютного расположения.

Я неясен в деталях реализации, которые Вы ищете (такие как фон или просто граница вдоль стороны окна, и т.д.); однако, это возможно хотя немного утомительный.

Один пример, который приходит на ум, состоял бы в том, чтобы иметь элементы n-блочного-уровня, такие как отделения, и затем дать им каждого маленькая высота (несколько пикселей, например) и затем постепенно изменять цвет фона каждого последующего элемента.

Я думаю, что короткий ответ нет.

Можно создать что-то, что похоже на градиент с помощью только CSS, но затем использовать его как фон изображения... Я думаю, что это продвигает его немного.

РЕДАКТИРОВАНИЕ (чувствующий себя глупым)

Я нашел решение: http://en.wikipedia.org/wiki/JPEG