Як зробити анімований фон на сторінці

Пару днів назад мені поставили запитання з приводу того, як зробити анімований фон на сторінці. При цьому людина знала і про background, та про CSS. Він у мене попросив скрипт на jаvascript, дозволяє робити анімацію фону. Я йому сказав, що тут jаvascript зовсім не потрібен. І показав йому, як можна зробити анімований фон тільки із застосуванням CSS. Ось про цей спосіб я і напишу в даній статті.

Спосіб абсолютно тривіальний і простий, думаю, що багато хто до нього додумаються одразу. ось CSS-код:

html {
 background: url (images / bg.jpg) no-repeat- / * Задаємо фон GIF-картинкою * /
 height: 100% - / * 100% висота сторінки * /
}

Ключовим моментом тут є GIF-зображення. Думаю, що Вам відомо, що в GIF можна робити досить складну анімацію (в рамках доцільності, звичайно). Тому ніяких скриптів не потрібно, щоб зробити будь-який фон, а не лише сторінки, анімованим.

Таким чином, досить створити анімований GIF, вставити його на сторінку найпростішим CSS-кодом, і у Вас вийде анімований фон на сторінці.

Поділися в соціальних мережах:

Схожі