Windows Aero эффект на чистом HTML+CSS+JS

[@Dlussky]

Имхо, использовать canvas для этих целей куда логичнее.
Кроме того, в текущем варианте при активном движении серьезно отстает перемещение фона, ибо помещать перемещение фона в анонимную функцию, подвешенную на кастомное событие плагина jquery — не самое производительное решение)
Сравните:
vps.dlussky.ru/aero.html

[@Dlussky]

P.S. И, кстати, в aero еще и рисунок бликов смещается при перемещении окна)

[@nekt]

Хороший пример для аргументов в споре jQuery vs JS :)

[@Dlussky]

Ну тут все спорно, jquery очень удобный инструмент, который ежедневно облегчает мне жизнь, но надо понимать, что у него есть несколько узких мест по производительности, и всегда нужно быть готовым взять в руки native)

[@nobr]

Отличный пример, спасибо. Я пробовал в своем варианте обойтись без jQuery, но особой разницы в производительности не увидел.

[@ETCDema]

А если убрать смещение backgroud из JS, а для #blur прописать background-attachment:fixed; работать оно будет еще быстрее.

[@Dlussky]

Сначала я изобразил глубочайший фэйспалм и проклял свою узколобость и зацикленность на исходном решении, но потом понял, что мозг сознательно исключил background-attachment из множества решений, ибо данное свойство не работает в шестом IE)

Но вообще, решение очень крутое)

[@Dlussky]

Ну и собственно ваш пример:
vps.dlussky.ru/aero_ETCDema.html

[@DLag]

В FF 4 тоже работает пример с SVG.

[@gomzyakov]

В FF 3.6.8 под Mac тоже полет нормальный…

[@WolfBespredel]

В Гугл Хром 6 тоже всё отлично и без нагрузки процессора работает…

[@Pe4orin]

В Chromium 6.0.472.59 пример с SVG прекрасно работает, грузит процессор на 1-2%.

[@Die_Gelassenheit]

В Opera 10.61 под Linux процессор не грузится, но опера зависает и падает в конечном итоге.

[@DizzWebS]

В Chrome 7.0.517.8 dev с SVG грузит, но через какое-то время выедает весь процессор.
А в первом примере все нормально, но как-то странно фон под окошком немного двигается (хотя должен быть совершенно статичным, как в примере Dlussky)

[@Bonch]

Единственное что, окно должно немного увиличивать задний фон, чтобы был true win aero, но такое сделать вроде бы пока нельзя.

[@Darksynx]

Что значит «на чистом HTML+CSS+JS»? Ладно бы на чистом HTML — я бы удивился.

[@ShizukaYamamura]

safari 5.0.2 mac — чяднт? оба примера работают и проца не сильно кушают — вопрос в браузере видимо?
в Chromium (не самом свежем — недельной давности) — тоже работают оба, но там загрузка действительно стремится к 100

[@Dlussky]

аппаратное ускорение SVG?)

[@romy4]

это не аэроэффект. по крайней мере с картинкой (svg не за работал). подобие да, но не аэро.