Web-Programming.in.ua

Як зробити анімований фон на сторінці за допомогою CSS

Привіт, Ви напевно задумувались, як зробити анімований фон на сторінці без використання JavaScript? Виявляється це дуже просто. Достатньо використати зображення у форматі gif.

Приклад:

<html>
    <head>
        <style>
            body {
                background-image: url(bg.gif) no-repeat;
                height: 100%;
            }
        </style>
    </head>
    <body>
        <div style="margin: 25%; width: 200px; height: 100px; background-color: white;">
            Текст на сторінці з анімованим фоном.
        </div>
    </body>
</html>

Результат можна переглянути за цим посиланням: http://examples.web-programming.in.ua/animated_bg_in_css/

Тільки авторизовані користувачі можуть додавати коментарі.

Нагору