Новости Joomla

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

rk9ad

  • Новичок
  • 5
  • 0 / 0
Доброго времени суток!
Есть код цвета в элементе (например в main) он является фоном для данного элемента
необходимо сделать фон и его прописать таким образом чтобы получился переход от данного цвета к другому данному (ну как в фотошопе градиент) только как прописать это в CSS :(
переход сверху вниз внутри элемента.
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: Переход цвета от одного к другому
« Ответ #1 : 24.05.2011, 18:31:07 »
Доброго времени суток!
Есть код цвета в элементе (например в main) он является фоном для данного элемента
необходимо сделать фон и его прописать таким образом чтобы получился переход от данного цвета к другому данному (ну как в фотошопе градиент) только как прописать это в CSS :(
переход сверху вниз внутри элемента.

С помощью CSS - никак.

Полностью кроссброузерного CSS-градиента не сделать.

Частично кроссброузерный - это примерно так:

Код
background: #999; /* non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* Firefox 3.6+ */

Яваскрипт спасет отца русской демократии...  ;D
*

Alldar

  • Завсегдатай
  • 1504
  • 195 / 1
Re: Переход цвета от одного к другому
« Ответ #2 : 24.05.2011, 18:31:45 »
с помощью картинки для всех браузеров, с помощью CSS3 для современных:

Цвет от #b4ddb4 до #002400

Код: css
background: #b4ddb4; /* Однородный фон для старых браузеров */
background: -moz-linear-gradient(top, #b4ddb4 0%, #002400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4ddb4), color-stop(100%,#002400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b4ddb4 0%,#002400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b4ddb4 0%,#002400 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #b4ddb4 0%,#002400 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #b4ddb4 0%,#002400 100%); /* W3C */

Цитировать
Яваскрипт спасет отца русской демократии...  Grin

CSS3Pie для IE6-9 как вариант
*

rk9ad

  • Новичок
  • 5
  • 0 / 0
Re: Переход цвета от одного к другому
« Ответ #3 : 24.05.2011, 18:49:40 »
Спасибо Alldar-у
Технология эта Webkit у меня заработала в мозиле4 и ие8
в других пока не проверял
*

Adeptus

  • Завсегдатай
  • 1861
  • 219 / 15
Re: Переход цвета от одного к другому
« Ответ #4 : 24.05.2011, 21:25:04 »
А вы проверьте.

Особенно в Опера 10...  ^-^
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1625
Последний ответ 20.07.2020, 11:18:44
от kuraev64
Как отменить переход на слеюующую строку после тега h1?

Автор Apollon

Ответов: 3
Просмотров: 3769
Последний ответ 04.08.2016, 23:20:50
от AlekVolsk
Как задать CSS-класс одного пункта меню?

Автор SORE

Ответов: 19
Просмотров: 21742
Последний ответ 09.02.2016, 23:07:41
от beliyadm
Current active - изменение цвета кнопок в активном состоянии

Автор kouichiro

Ответов: 6
Просмотров: 1626
Последний ответ 03.11.2015, 02:51:23
от kouichiro
Восьмизначный код цвета

Автор darkghost

Ответов: 4
Просмотров: 6328
Последний ответ 05.05.2015, 22:06:22
от Apoca1ypto