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

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



Если можно, то плизз, код (желательно понятный новичку) в студию.

Заранее спасибо!

Forgott


Рег
01 Apr, 2014

Тем
2

Постов
5

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

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 07, Apr 2014
  • #3
Лучше делать градиентным изображением т.е. какая логика. В фотошопе делаем большой слой, делаем нужный градиент и вырезаем переходящий градиент полный по высоте и шириной в 1 пиксель. Далее в коде фоновым цветом прописываем продолжение градиента и на фон ставим нашу картинку. Иначе никак.

Не все браузеры понимают синтаксис linear-gradient. Если не понятно написал - могу показать.
 

Sven2


Рег
06 Apr, 2014

Тем
0

Постов
26

Баллов
26
  • 06, Jan 2015
  • #4
Forgott:
Доброго времени суток! Вопрос такой: можно-ли программно реализовать кусок градиента в html? Если можно, то плизз, код (желательно понятный новичку) в студию... Заранее спасибо!
Да, можно. То, что вы ищете, называется Ultimate CSS Gradient Generator

. Живой пример и подробную аннотацию вы можете увидеть, скажем, здесь.
 

serge2


Рег
06 Jan, 2015

Тем
1

Постов
3

Баллов
13
  • 07, Jan 2015
  • #5
Forgott:
, т.к. порой в цвет не попадаю.
Картинко должно стоять на своём месте и вписыватся в интерьер?
 

VyacheslavH


Рег
23 Jun, 2011

Тем
22

Постов
832

Баллов
1052
  • 24, Mar 2015
  • #6
Css3 поддерживает градиенты. .gradient { background: #fefcea; /* Для старых браузров */ background: linear-gradient(to top, #fefcea, #f1da36); } или
ololo
 

webmastermd


Рег
23 Mar, 2015

Тем
0

Постов
29

Баллов
29
  • 19, May 2015
  • #7
Лично мне не приходилось менять градиент с помощью кода, Всегда на помощь есть фотошоп. Зачем вам это?
 

Masterv


Рег
19 May, 2015

Тем
0

Постов
7

Баллов
7
Тем
49554
Комментарии
57426
Опыт
552966

Интересно