Comments 22
UFO just landed and posted this here
Имхо, использовать canvas для этих целей куда логичнее.
Кроме того, в текущем варианте при активном движении серьезно отстает перемещение фона, ибо помещать перемещение фона в анонимную функцию, подвешенную на кастомное событие плагина jquery — не самое производительное решение)
Сравните:
vps.dlussky.ru/aero.html
Кроме того, в текущем варианте при активном движении серьезно отстает перемещение фона, ибо помещать перемещение фона в анонимную функцию, подвешенную на кастомное событие плагина jquery — не самое производительное решение)
Сравните:
vps.dlussky.ru/aero.html
+17
P.S. И, кстати, в aero еще и рисунок бликов смещается при перемещении окна)
+2
Хороший пример для аргументов в споре jQuery vs JS :)
+1
Отличный пример, спасибо. Я пробовал в своем варианте обойтись без jQuery, но особой разницы в производительности не увидел.
-1
А если убрать смещение backgroud из JS, а для #blur прописать background-attachment:fixed; работать оно будет еще быстрее.
+1
Сначала я изобразил глубочайший фэйспалм и проклял свою узколобость и зацикленность на исходном решении, но потом понял, что мозг сознательно исключил background-attachment из множества решений, ибо данное свойство не работает в шестом IE)
Но вообще, решение очень крутое)
Но вообще, решение очень крутое)
0
Ну и собственно ваш пример:
vps.dlussky.ru/aero_ETCDema.html
vps.dlussky.ru/aero_ETCDema.html
+1
В FF 4 тоже работает пример с SVG.
+1
В Гугл Хром 6 тоже всё отлично и без нагрузки процессора работает…
0
UFO just landed and posted this here
В Chromium 6.0.472.59 пример с SVG прекрасно работает, грузит процессор на 1-2%.
0
В Opera 10.61 под Linux процессор не грузится, но опера зависает и падает в конечном итоге.
0
UFO just landed and posted this here
Единственное что, окно должно немного увиличивать задний фон, чтобы был true win aero, но такое сделать вроде бы пока нельзя.
0
Что значит «на чистом HTML+CSS+JS»? Ладно бы на чистом HTML — я бы удивился.
0
safari 5.0.2 mac — чяднт? оба примера работают и проца не сильно кушают — вопрос в браузере видимо?
в Chromium (не самом свежем — недельной давности) — тоже работают оба, но там загрузка действительно стремится к 100
в Chromium (не самом свежем — недельной давности) — тоже работают оба, но там загрузка действительно стремится к 100
0
это не аэроэффект. по крайней мере с картинкой (svg не за работал). подобие да, но не аэро.
0
Sign up to leave a comment.
Windows Aero эффект на чистом HTML+CSS+JS