Форум

HelpeR · #1 (**permalink**) 07.02.2011, 16:58

Здравствуйте!
Не подскажите как узнать или где посмотреть формулы расчета градиента. Нарпример имеется два цвета #000000 и #ff0000 как можно высчитать все промежуточные цвета от черного до красного.
Заранее большое спасибо!

Aetae · #2 (**permalink**) 07.02.2011, 17:51

В чём проблема?
Элементарный цикл.

<!DOCTYPE HTML>
<html>
<head>
<style>
div{width:2px;height:132px;float:left}
</style>
</head>
<body>   
<script>
var div = document.createElement('div'), f = document.createDocumentFragment(), c = 256;
while(c--)f.appendChild(div.cloneNode(false)).style.backgroundColor=c<16?'#0':'#' + c.toString(16) + '0000';
document.body.appendChild(f)
</script>
</body>
</html>

monolithed · #3 (**permalink**) 07.02.2011, 18:42

более разверный ответ тут

m~r.Nemo · #4 (**permalink**) 03.12.2015, 08:59

Подскажите как можно высчитать градиент для блока, нужно чтобы сверху была градиентная полоска, черный-белый высотой 10 пикселей, и внизу белый-черный тоже 10 пикселей, а между ними просто белый цвет, если общая высота блока резиновая, зависит от длины текста... ?

Форум

Справочник

Discord чат

Курсы javascript