Jump to content

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

Dimarik111
Dimarik111
in Флейм

Featured Replies

Posted
comment_188862

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

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;
}

 ПРИМЕР: 

CFF (1).png

CFF (2).png

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25141-novogodnie-vetochki-v-uglu-sajta-na-css/
    Share on other sites
    comment_188863
    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;
}

     ПРИМЕР: 

    CFF (1).png

    CFF (2).png

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

  • Цитата
    comment_188867
    .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">
  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Ответить в этой теме...
    Go to topic listing

    Последние посетители 0

    • No registered users viewing this page.