Новогодние веточки в углу сайта на CSS
Замечательная подборка из четырёх веточек. Выбирайте понравившуюся и она будет украшать левый уголок вашего сайта
Для начала посмотрите ДЕМО
Моё тестирование в редакторе: КЛИК
Установка:
1#: В самый низ вашего CSS вставьте:
A) Для веточки в левом углу:
|
1 2 3 4 5 6 |
.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) Для первого варианта:
|
1 |
<img width="400px" class="img" src="https://imapo.ru/img/imgr1.png"> |
Б) Для второго варианта:
|
1 |
<img width="400px" class="img" src="https://imapo.ru/img/imgr2.png"> |
В) Для третьего варианта:
|
1 |
<img width="400px" class="img" src="https://imapo.ru/img/imgr3.png"> |
Г) Для четвёртого варианта:
|
1 |
<img width="400px" class="img" src="https://imapo.ru/img/imgr4.png"> |
Осталось лишь залить картинку с нужным вам номером в папку img
благодарю!
Всегда пожалуйста 🙂