Фон є невід'ємною частиною будь-якого сайту, красиве оформлення дозволяє задати тон всьому ресурсу. Тут, перед веб-майстром, стоїть непросте завдання, адже необхідно підібрати правильно кольору, щоб користувач не губився на сайті і інформація була добре видна. В даному уроці ми розглянемо приклад створення чудового анімованого фону, який буде жити своїм життя і міняти колірну палітру, виглядає вельми дивно, і дозволяє привернути увагу відвідувачів.
Такий фон стане відмінним доповненням не тільки для портфоліо але і для звичайного блогу або сторінки заглушки, де розробнику важливо утримати на сайті відвідувача.
У нас буде створюватися відчуття рух полігональних моделей при цьому створюючи невеликий ефект об'ємності. І так, давайте розглянемо.
Розмітка і стилі досить примітивні, з цього ми їх опустили, всю роботу у нас буде виконувати js. нам необхідно створити рандомноє відображення блоків, і випадковий колір при оновленні старніцах, function randomize () буде відповідати за рандомноє відображення, points [polygon.point1]. y буде відповідати за позицію в просторі панелей, встановлюємо значення для осей х і y:
В результаті цих невеликих команд ми отримуємо відмінний «живий» фон, який буде рандомно оживати і рухатися в хаотичному порядку.