Перейти к содержимому
Обложка сообщества Разное

Кроссбраузерные рандомные JS+CSS облака на странице

Как-то бороздил просторы хабра и наткнулся на забавный пост про генерацию облаков. Натолкнуло на мысль попробовать самому сделать на простом js. Без наворотов и прочего. Банальной тенью на маленьком круглом объекте типа точки. И таких штук 30 в несколько слоёв в рандомных позициях.

Итого пример и код.

Работает во всех браузерах. Даже в IE6.

Правда, в момент генерации проц прилично нагружается.
Для этого примера данные прожорливости проца примерно такие: FireFox совсем не заметно (1-2%), Chrome кушает примерно 10%, Opera и IE ~33% в среднем. Основной загруз из-за теней. Зависит еще от размера шрифта - чем больше шрифт, тем крепче думает.

 
0
0
662

Еще по теме

Кроссбраузерные рандомные JS+CSS облака на странице - Yvision.kz