Мне нужен градиентный нижний цвет для div.Что-то вроде, как показано на рисунке ниже. Возможно ли это в css3 или использовать изображение.Градиент нижнего цвета для div
Любая помощь appriciated.
Мне нужен градиентный нижний цвет для div.Что-то вроде, как показано на рисунке ниже. Возможно ли это в css3 или использовать изображение.Градиент нижнего цвета для div
Любая помощь appriciated.
Да и №
Да, это возможно. Такие инструменты, как http://www.colorzilla.com/gradient-editor/, упрощают создание кода CSS3. Например, это то, что вы хотели: http://www.colorzilla.com/gradient-editor/#ffffff+75,cccccc+100;Custom
Нет, вы всегда должны иметь обратное изображение для градиентов. Не все браузеры поддерживают его, и не все поддерживают его одинаково хорошо.
Это создаст градиент только в нижней части элемента и не растянется с высотой элемента. Он исправлен 100px
.
.style {
padding-bottom:100px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background-position: center bottom;
background-size: 100px 100px;
background-repeat: repeat-x;
}
спасибо martijn за пользовательскую цветопередачу ... примет ответ – user1184100