Можно-ли программно реализовать градиент на HTML?

Forgott

Пользователь
Регистрация
01.04.14
Сообщения
3
Реакции
0
Баллы
1
Доброго времени суток! Вопрос такой: можно-ли программно реализовать кусок градиента в html? Пример: есть рисунок 32*40 точек вставленный в layer, где сверху вниз плавно перетекает цвет из светло-серого в темно-серый (rgb:220,220,220 to rgb: 40,40,40). Просто хотелось-бы поиграться с гаммой используя цифры в коде, а не граф.редактор постоянно, т.к. порой в цвет не попадаю. Если можно, то плизз, код (желательно понятный новичку) в студию... Заранее спасибо!
 

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Просто с цветом можно, а градиенты это использование картинки. Так что без картинки если используется градиент в коде не обойтись. Цвет можно менять и кодом, не обязательно графическим редактором.
Поищите на форуме "программку pixie". Хороший помощник в подборе цвета.
 

Sven2

Пользователь
Регистрация
06.04.14
Сообщения
30
Реакции
10
Баллы
3
Лучше делать градиентным изображением т.е. какая логика.
В фотошопе делаем большой слой, делаем нужный градиент и вырезаем переходящий градиент полный по высоте и шириной в 1 пиксель.
Далее в коде фоновым цветом прописываем продолжение градиента и на фон ставим нашу картинку.
Иначе никак. Не все браузеры понимают синтаксис linear-gradient.

Если не понятно написал - могу показать.
 

serge2

Пользователь
Регистрация
06.01.15
Сообщения
1
Реакции
0
Баллы
1
Доброго времени суток! Вопрос такой: можно-ли программно реализовать кусок градиента в html? Если можно, то плизз, код (желательно понятный новичку) в студию... Заранее спасибо!

Да, можно. То, что вы ищете, называется Ultimate CSS Gradient Generator. Живой пример и подробную аннотацию вы можете увидеть, скажем, здесь.
 
Последнее редактирование модератором:

webmastermd

Пользователь
Регистрация
23.03.15
Сообщения
31
Реакции
6
Баллы
3
Css3 поддерживает градиенты.

.gradient {
background: #fefcea;
background: linear-gradient(to top, #fefcea, #f1da36);
}
или
<div style="background: #fefcea;background: linear-gradient(to top, #fefcea, #f1da36);">ololo </div>
 

Masterv

Пользователь
Регистрация
19.05.15
Сообщения
5
Реакции
0
Баллы
1
Лично мне не приходилось менять градиент с помощью кода, Всегда на помощь есть фотошоп. Зачем вам это?
 

Статистика форума

Темы
200.447
Сообщения
380.278
Пользователи
327.895
Новый пользователь
Dianne207
Сверху Снизу