Многоцветные ячейки таблицы - эффект затухания

Question

Нужна помощь в создании таблицы с таким же разноцветным эффектом. Глубокий синий для верхних ячеек с синим затуханием для нижних ячеек.

Answer 1

Вы можете манипулировать CSS непрозрачность свойство

Непрозрачность цвета отличается от диапазона 0-1

For eg; 
Dark 
color:#FF0000; 
opacity:1; 

Light Dark color 
color:#FF0000; 
opacity:0.5; 

Answer 2

я мог видеть 6 оттенков синего (включая белый). Я считаю, что выбор тени основан на значении в ячейке. Для этого вы можете выбрать оттенки синего и создать классы css, чтобы установить цвет bg ячейки таблицы в эти цвета. Затем в javascript вы можете ввести код, как, как только страница будет загружена, вы можете перебирать ячейки в таблице и назначать желаемый класс на основе значения в ячейке. Следует также отметить, что после того, как значение цвета падает на определенный уровень, вам необходимо переключить цвет текста с черного на белый (вы можете включить его также в классы css).