Comments 61
Мне понравилось; пожалуй, буду использовать. Спасибо!
+5
хм… неплохо, понравилось :)
0
Прикильно, но тень немного грубоватой получается. Но для решения «без пнг» — здорово. Я видел похожее решение у Mootools, для их проекта Mocha (http://mochaui.com/demo/). Там похожая настройка есть.
+1
Отлично, только вот к сожалению в эксплорере прозрачности нет :-(
0
У меня в IE7 отлично работает.
0
подтверждаю, в ie8 beta 2 не работает прозрачность, но в режиме совместимости с ie7 все работает
это происходит в связи с тем, что в новом ie8 «filter», который использует автор, устранен
я не так давно описывал это habrahabr.ru/blogs/ie/39446/
необходимо использовать нечто вроде этого:
-ms-filter: «progid: DXImageTransform.Microsoft.Alpha(Opacity=80, FinishOpacity=70, Style=2)»
автор! поправьте скрипт для работы в ie8!
это происходит в связи с тем, что в новом ie8 «filter», который использует автор, устранен
я не так давно описывал это habrahabr.ru/blogs/ie/39446/
необходимо использовать нечто вроде этого:
-ms-filter: «progid: DXImageTransform.Microsoft.Alpha(Opacity=80, FinishOpacity=70, Style=2)»
автор! поправьте скрипт для работы в ie8!
+3
Довольно-таки громоздко… Кучу ненужных блоков. В 6 ие 100% будут тормоза. ИМХО этот скрипт лишний. Разве что для собственного развития.
+4
UFO just landed and posted this here
это и делалось для собственного развития, опубликовал чтобы доработать, плюс вдруг кто-то будет таки использовать, в любом случае спасибо)
0
Я в 8b2 смотрел.
0
я, как фанат отсутствия хлама в html, в шоке :)
редкий пример когда статические блоки тормозят браузер. второй фокс.
редкий пример когда статические блоки тормозят браузер. второй фокс.
+6
ну, и раз на то пошло, то уж надо как в фотошопе: направление (угол) и «высота» источника освещения. а, да, там еще можно кривую интенсивности выстраивать :)
+1
Нулевой Хром, полет нормальный :)
0
я сам фанат отсутствия цсс хлама в хтмл, но тут что-то расслабился)
0
Круто, в мемориз. Спасибо.
0
Красиво, но, имхо, это изобретение велосипеда. Лучше использовать пнг.
+1
Это хороший пример, но все же соглашусь с критикой: лучше отдать пару «лишних» Кб png.
+2
можно использовать только в тех браузерах где css3 теней нету.
-1
Тут уже писали. А можно менять направление? То есть чтоб она вылизала не со всех 4-ех сторон одинаково.
0
Это не тень. Это glow.
+1
UFO just landed and posted this here
оффтоп, почему JS, но ПНГ?]]
-1
автор, ты молодец. Не важно велосипед это или нет. Это саморазвитие. Эксперементируй ещё!
ps: если так обо всём говорить, тогда бы и изобретений и «новых фишек» не было бы. Веб 2.0 никогда бы не стал таким и энергосберегающих лампочек бы не было.
ps: если так обо всём говорить, тогда бы и изобретений и «новых фишек» не было бы. Веб 2.0 никогда бы не стал таким и энергосберегающих лампочек бы не было.
+4
Господи, этот вопрос люди решили ещё в 2006 году: www.erik-rasmussen.com/blog/2006/12/04/the-shadower-realistic-drop-shadows-in-javascript/
-4
Что вы сразу «господи». Выше написано, что человек для саморазвития делал. Это во-первых. Во-вторых там целая библиотека под это подключается и выглядит корявенько, а здесь — 5 кб, которые еще и ужать можно. В-третьих человек старался, у него и получилось-то неплохо, чего тут вздыхать и разводить руками. Ну прям как 80-летняя бабка: «Помню, в 54-м мы и не такое делали...» )
+8
хм… Жалко, что в Firefox 3 не работает — тень черная.
Надо код глянуть
Надо код глянуть
0
Использую для таких целей небольшой плагинчик для Jquery:
plugins.jquery.com/project/DropShadow
пример: eyebulb.com/dropshadow/
plugins.jquery.com/project/DropShadow
пример: eyebulb.com/dropshadow/
+1
Эх, доживу ли до тех времён, когда люди просто устанут писать в постах про js «а вот в jQuery ...»?
P.S. Хотя отмечу, что примеры как минимум забавные.
P.S. Хотя отмечу, что примеры как минимум забавные.
+1
UFO just landed and posted this here
Ещё, если можно, попробовать прикрутить такое смещение, как «вправо и вниз» и т. д.
0
Замечательно, особенно понравилось это: «else alert('что-то вы, ребята, накликали не то :)')»
0
по-моему, очень круто =)
затестил в ИЕ 5,5 и 6,0. Ну, подтормаживает, ну и, что =) Зато работает везде и не PNG.
Если так судить, то скрипты, которые прикручиваются к сайту, чтобы он нормально отображался вплоть до ИЕ 5,5 с какой либо картинкой ПНГшной в теле документа — тоже весят дохера.
затестил в ИЕ 5,5 и 6,0. Ну, подтормаживает, ну и, что =) Зато работает везде и не PNG.
Если так судить, то скрипты, которые прикручиваются к сайту, чтобы он нормально отображался вплоть до ИЕ 5,5 с какой либо картинкой ПНГшной в теле документа — тоже весят дохера.
+1
Большое спасибо за труд. давно уже искал решение, т. к. существующие (представленные в комментариях к этому топику) не устраивают своей громоздкостью. У вас реально код получился очень компактный.
0
Интересно!
У тени можно ещё смещение в 2 стороны сделать — право/низ, к примеру.
И тип тени можно реализовать не уходящую в прозрачность, а с чёткими краями.
У тени можно ещё смещение в 2 стороны сделать — право/низ, к примеру.
И тип тени можно реализовать не уходящую в прозрачность, а с чёткими краями.
0
Если расстояние от правой границы затеняемого блока до правой границы родительского контейнера меньше размера тени, то получаем горизонтальный скролл.
0
можно характеристики написать, а то на слух не сильно хорошо понял
0
Поставьте в Вашем примере размер тени побольше (чтобы было проще) и уменьшайте ширину окна браузера. Как только правый край окна наедет на тень — появится горизонтальный скроллинг. Проблема не в том, что кто-то будет сужать браузер (это его трудности), а в том, что div с тенью может открыться слишком близко к краю, и тогда появится скроллинг — хотя div-то уместился в области видимости целиком.
0
по мне, так лучше скопировать интерфейс фотошопа, что бы удобнее было бы оттуда настройки копировать )
0
UFO just landed and posted this here
Sign up to leave a comment.
JS-тень