Градиент CSS

0 Пользователей и 1 Гость просматривают эту тему.
  • 6 Ответов
  • 530 Просмотров
*

Chebyrek

  • Осваиваюсь на форуме
  • ***
  • 163
  • 1
Градиент CSS
« : 19.03.2015, 19:44:43 »
Здравствуйте!
Помогите пожалуйста сделать Градиент CSS в моем шаблоне

Вверх Светлый голубой: #0a516b
К низу темный голубой: #031b24

Необходимо вставить вот в этот блок
Спойлер
[свернуть]

Есть несколько способов это реализовать как лучше?
Спасибо!

*

Chebyrek

  • Осваиваюсь на форуме
  • ***
  • 163
  • 1
Re: Градиент CSS
« Ответ #1 : 19.03.2015, 19:45:33 »

*

AlekVolsk

  • Профи
  • ********
  • 6301
  • 336
Re: Градиент CSS
« Ответ #2 : 19.03.2015, 20:11:43 »
background-color:linear-gradient(to bottom,#0D526E,#000);

*

Chebyrek

  • Осваиваюсь на форуме
  • ***
  • 163
  • 1
Re: Градиент CSS
« Ответ #3 : 19.03.2015, 20:46:34 »
background-color:linear-gradient(to bottom,#0D526E,#000);

Ставлю как Вы говорите и пропадает вообще цвет блока.
http://211097.sdsua.web.hosting-test.net/index.php
В коде меняю строку 1739

Дело в том что я уже пробовал таким образом но не получается.  ;)

*

ShfVD

  • Живу я здесь
  • ******
  • 874
  • 65
Re: Градиент CSS
« Ответ #4 : 19.03.2015, 20:51:51 »
 Я в таких случаях пользуюсь онлайн инструментами, например
http://www.css3factory.com/linear-gradients/,
или прогуглить "Gradient генератор"
Там все просто, наглядно, и главное работает.
« Последнее редактирование: 19.03.2015, 21:15:30 от ShfVD »

*

Ilhom666

  • Живу я здесь
  • ******
  • 1295
  • 166
Re: Градиент CSS
« Ответ #5 : 19.03.2015, 21:09:50 »
попробуйте писать background а не background-color

*

Chebyrek

  • Осваиваюсь на форуме
  • ***
  • 163
  • 1
Re: Градиент CSS
« Ответ #6 : 20.03.2015, 01:11:22 »
попробуйте писать background а не background-color

Зачёт ! Спасибо!  *DRINK*