Yvision.kz
kk
Разное
Разное
399 773 постов42 подписчика
Всяко-разно
0
01:33, 04 июля 2013

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

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

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

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

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

 
0
526
0