Анимированные меню на jQuery [часть 2]

[beavis_1]

миленько :)

[Grundiss]

Думаю, будь амплитуда побольше — было бы «ничего особенного», а с 14-ю пикселями — именно «миленько». Ну и реалистичные тени\мокрые полы — очень зачетно, обычно на такие мелочи кладут, а как доказывает демка — зря.

[Shecspi]

В Firefox 3.5 под иконками Shadow в момент анимации появляется уменьшающийся в размерах квадрат, точнее его контуры.

[jeje]

Видимо это только у вас

[Tails]

В чем смысл вашего комментария? Из чего это видимо?

[soider]

У меня так-же, меняется размер тень, и в процессе анимации видны границы изображения с тенью.

[Holy_Cheater]

У меня такая же проблема в FF 3.5, так что, видимо, не только у него.

[Zoriq]

А у меня на нижних картинках (Shadow) при наведении у тени появляется рамка, но быстро исчезает. (Firefox 3.5.2)

[chetzof]

У меня нормально.

[Shecspi]

Это выглядит примерно так:

[Zoriq]

У вас видимо линукс. У меня тоже. Из-за него это.

[Shecspi]

Да, линукс. Но ведь движок-то у огнелиса одинаковый, что в Windows-версии, что в Linux.

[AgaFonOff]

у меня нет эффекта. ubuntu 8.04 + firefox 3.5.2

[Constantin]

Аналогично, ubuntu 9.04 и в firefox 3.0 и в 3.5.1 нет никаких квадратов

[d1pr3d]

У меня Кубунта, все красиво, таких артефактов нет, правда Огнелис версии 3.0.13

[Mezomish]

Казалось бы, при чём тут Линукс…

[homm]

Мне кажется, я догадываюсь, что это у вас такое. Это масштаб страницы ≠ 100% (т.е. от 95 до 110, что визуально не отличить). Фаерфокс в отличии от оперы изменяет масштаб не по фиксированным значениям, а на 10%, соответственно после нескольких изменений получаем несоответствие на доли процентов из-за неточности плавающей точки. Сбросьте масштаб через меню вид.

[CTAPbIu_MABP]

попробуйте прописать в css outline:none для тени

[Goodluck]

Интересный такой эффект… Я бы его в сайте-визитке использовал. По столу прыгали бы пресс-папье, часы, телефон, чашка с кофем.

[rapida]

с кофем, ага

[sindrom]

А вот в никсовой опере на удивление все идеально.

[gerchik]

Хорошенький трюк. Спасибо.

[almalexa]

В отличии от прошлого урока этот реально хорош :)

[NeX]

4 повторных animate лучше заменить одним. Получим огромный выигрыш в производительности!

[Bygaga]

Удивили..., благодарю )))

[Bygaga]

Вот просто мелькнула мысля:
Кажется можно скоро ожидать инструмент который с помощью растров css html b JS будет создавать анимацию конкурирующую флешу в плане анимации для обычных сайтов.

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

P.S. лирическое отступление ))

[finn]

Если кто-нибудь для подобной задачи воспользуется приведённым выше решением вместо флеша — это будет конкуренция с флешем в плане анимации.
Ваш Кэп.

[potap]

как миленько!!!

[znvPredatoR]

Интересно и просто.

Кстати почитайте блог автора, много интересных вещей написано.

[deniamnet]

с тенью — очень крутой вариант!

[Mr_Floppy]

В варианте с мокрым полом если подвести курсор снизу, то квадрат дальше не «всплывает», а начинает глючить — ни вверх и не вниз; и ссылка то попает под курсор, то нет, в результате постоянно мигает курсор и статусбар. FF 3.5.2

[not_ice]

Прикольно конечно прыгают кубики с тенями, но ничего интересного в коде я не увидел — hover да animate

[Xenviper]

Спасибо за статью, в скором времени поможет.

[wixus]

я-то думал вы тень как-то реализовали кроссбразуерно, а у вас просто джипег.
ну а в ие6 вообще всё разъезжается

[crocodile2u]

Opera 10 linux: если медленно подвести курсор снизу, то 1-й пример как-то странно дергается, и в обоих пропадают ссылки (ну это логично — они уезжают, а курсор остается на месте).