2014-09-16 4 views
-4

enter image description hereКак помещать многоцветный фон?

Скажите, пожалуйста, как я могу установить многоцветной на фоне экрана, как показано на рисунке, что я прилагаю ...

+2

[поиск: CSS градиент] (https://www.google.com.au/search?q=css+gradient&oq=css+gradient&aqs=chrome.0.0j69i60l3j0l2.1415j0j7&sourceid= chrome & es_sm = 122 & ie = UTF-8) – Marty

+0

Я боюсь, что вы даже могли бы использовать термин «Многоцветный фон CSS»] (https://www.google.co.il/#q=css+multi+color+ background):/ – Boaz

+0

Возможный дубликат [Можно ли применить несколько цветов фона с помощью CSS3?] (http://stackoverflow.com/questions/6457406/can-i-apply-multiple-background-colors-with-css3) – Boaz

ответ

0

Это Css Градиент

Приятная объяснение дается здесь http://www.w3schools.com/css/css3_gradients.asp

линейный градиент Пример

#grad { 
    background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */ 
    background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */ 
    background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */ 
    background: linear-gradient(to right, red , blue); /* Standard syntax */ 
} 
1

Это градиент фона.

Вы можете создать CSS градиент фона с помощью инструмента ColorZilla здесь:

http://www.colorzilla.com/gradient-editor/

-- See Demo --

background: #72c4e8; /* Old browsers */ 
background: -moz-linear-gradient(left, #72c4e8 0%, #2260dd 50%, #72c4e8 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#72c4e8), color-stop(50%,#2260dd), color-stop(100%,#72c4e8)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(left, #72c4e8 0%,#2260dd 50%,#72c4e8 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(left, #72c4e8 0%,#2260dd 50%,#72c4e8 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(left, #72c4e8 0%,#2260dd 50%,#72c4e8 100%); /* IE10+ */ 
background: linear-gradient(to right, #72c4e8 0%,#2260dd 50%,#72c4e8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72c4e8', endColorstr='#72c4e8',GradientType=1); /* IE6-9 */ 
Смежные вопросы