Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   формула расчета градиента (https://javascript.ru/forum/misc/14964-formula-rascheta-gradienta.html)

HelpeR 07.02.2011 16:58

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

Aetae 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 07.02.2011 18:42

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

m~r.Nemo 03.12.2015 08:59

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


Часовой пояс GMT +3, время: 08:15.