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

[Dimarik111]

Замечательная подборка из четырёх веточек.

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

 

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

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

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

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

 ПРИМЕР: 

[HooLIGUN]

11 минут назад, Dimarik111 сказал:

Замечательная подборка из четырёх веточек.

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

 

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

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

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

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

 ПРИМЕР: 

Здесь части кода нет

[Donjuan]

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

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

 

 

 

 

1 2 3 4 5 6 7

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

  2#: На нужных страницах между body и /body вставьте: A) Для первого варианта: https://imapo.ru/img/imgr1.png

 

 

 

 

 

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

  Б) Для второго варианта: https://imapo.ru/img/imgr2.png

 

 

 

 

 

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

  В) Для третьего варианта: https://imapo.ru/img/imgr3.png

 

 

 

 

 

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

  Г) Для четвёртого варианта: https://imapo.ru/img/imgr4.png

 

 

 

 

 

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