Новогодние веточки в углу сайта на CSS

Замечательная подборка из четырёх веточек. Выбирайте понравившуюся и она будет украшать левый уголок вашего сайта

Для начала посмотрите ДЕМО

Моё тестирование в редакторе: КЛИК

Установка:

1#: В самый низ вашего CSS вставьте:

A) Для веточки в левом углу:

.img {
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
}

.img {

position: absolute;

z-index: 1;

top: 0px;

left: 0px;

}

Б) Для веточки в правом углу:

.img {
position: absolute;
z-index: 1;
top: 0px;
right: 0px;
transform: rotateY(180deg);
}

.img {

position: absolute;

z-index: 1;

top: 0px;

right: 0px;

transform: rotateY(180deg);

}

2#: На нужных страницах между ‹body› и ‹/body› вставьте:

A) Для первого варианта:

<img width="400px" class="img" src="http://imapo.ru/img/imgr1.png">

1	<img width="400px" class="img" src="http://imapo.ru/img/imgr1.png">

Б) Для второго варианта:

<img width="400px" class="img" src="http://imapo.ru/img/imgr2.png">

1	<img width="400px" class="img" src="http://imapo.ru/img/imgr2.png">

В) Для третьего варианта:

<img width="400px" class="img" src="http://imapo.ru/img/imgr3.png">

1	<img width="400px" class="img" src="http://imapo.ru/img/imgr3.png">

Г) Для четвёртого варианта:

<img width="400px" class="img" src="http://imapo.ru/img/imgr4.png">

1	<img width="400px" class="img" src="http://imapo.ru/img/imgr4.png">

Осталось лишь залить картинку с нужным вам номером в папку img

Новогодние веточки в углу сайта на CSS: 2 комментария

Новогодние веточки в углу сайта на CSS: 2 комментария