Как сделать фон сайта из разных gif

103

08 февраля 2021, 13:50

Пытаюсь сделать фон из нескольких gif-картинок. Хотелось бы чтобы и справа была гифка и слева, и соответственно так же вверху и внизу. Делаю так на странице, пока получилось по центру одну влепить. Может знаете как это правильно реализовать.

<head>      
        <meta charset="utf-8">
        <title>С Днюхой !!!</title>   
        <link href="tipaStili.css" rel="stylesheet">    
        <style>
            html {
            height: 100%; 
            background: #000 url(2.gif) 
            no-repeat center;   
            }
        </style>
</head>

получаеться вот такое

Answer 1

С помощью background-position можно поменять расположение. Загуглите, чтобы узнать подробней. Можете также добавить это в в ваш background. Чтобы сделать 4 штуки, можете попробовать так:

<head>      
        <meta charset="utf-8">
        <title>С Днюхой !!!</title>   
        <link href="tipaStili.css" rel="stylesheet">    
        <style>
            html {
            height: 100%; 
            background: 
            #000 url(1.gif) no-repeat top left,
            #000 url(2.gif) no-repeat top right,
            #000 url(3.gif) no-repeat bottom left,
            #000 url(4.gif) no-repeat bottom right;
            }
        </style>
</head>

Плюсом можете редактировать ширину и высоту индивидуально. Вместо top, left и т.д. можете использовать проценты, пиксели, и т.д.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Автоматическая прокрутка Django, JS, HTML

Как добавить автоматическую прокрутку в чат ? Вот пример кода, который я думаю отвечает за показ сообщений и следовательно сюда куда-то можно...

122

HTML

не выводится html в Swift WebView

Пишу приложение, возникла одна проблема в момент когда я открываю окно с WebView куда должен вывестись мой html приложение крашится Подскажитe,пожалуйста,...

104

HTML