АНИМИРОВАННЫЙ ГРАДИЕНТНЫЙ ШАР
Добавляет поверх любого элемента анимацию плавно движущегося круга с градиентной окраской
Автор скрипта: David A.
HTML
Вставляем туда где ходим разместить блок:
CSS
Стили, прописанные в <style></style> можно хранить рядом с самим кодом, можно где удобно.
Это можно поместить поверх любого элемента, но сам круг перекрывает ссылки, так что имейте это ввиду. В коде указаны комментарии где и что можно менять в стилях. Так как написано это на чистом css, менябельно почти всё: количество шариков можно увеличить, можно сделать эффект при наведении, добавив список свойств для #roll:hover, можно даже задать задний фон блока при наведении.
Если хотите изменить окраску шарика, вот вам ссылки где можно найти градиенты:
