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

F

Forgott

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

Wmboard

#2
Просто с цветом можно, а градиенты это использование картинки. Так что без картинки если используется градиент в коде не обойтись. Цвет можно менять и кодом, не обязательно графическим редактором.
Поищите на форуме "программку pixie". Хороший помощник в подборе цвета.
 
S

Sven2

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

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

serge2

#4
Доброго времени суток! Вопрос такой: можно-ли программно реализовать кусок градиента в html? Если можно, то плизз, код (желательно понятный новичку) в студию... Заранее спасибо!

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

webmastermd

#6
Css3 поддерживает градиенты.

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

Masterv

#7
Лично мне не приходилось менять градиент с помощью кода, Всегда на помощь есть фотошоп. Зачем вам это?
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread