Множественные бэкграунды

В качестве шпаргалки привожу пример куска кода CSS3 для нескольких бэкгаундов в одном блоке, в примере показано применение возможных свойств для заданных атрибутов.

div {
height:300px;
width:480px;
position: relative;
background: url("media/img1.svg") top right 10px no-repeat, 
                  url("media/img2.svg") bottom left repeat-x,
                  url("media/img3.svg") 30px 90px no-repeat,
                  url("media/img4.png") repeat-x;
                  url("media/img5.png") 20% -9px repeat-x
}

Позже напишу пример, как можно анимировать эти фоны с помощью JavaScript.

Tags: CSS3

 

Хотите поработать с нами?
Пишите или звоните!