Dropshadow направен чрез CSS

ventsi34

Registered
Здравейте, искам да попитам как мога да направя Dropshadow на картинка но без значение колко е голяма тя т.е. ако сложа картинка 100 на 100 пиксела да работи и на картинка 1000 на 1000 пак да работи (искам да се разпъва спрямо големината на div контейнера на картинката). Много лесно би станало с CSS3 но не искам да го правя така, а чрез картинки. За най-бързият отговор +1.
 
Ето ти един пример:

http://www.ebenoit.com/blog/css-entire-image-flexible-drop-shadows/

Свали си файловете и виж как е направено.Общо взето тук е постигнат този ефект чрез наслагване на дивчета и с промяна на позицията на изображението на бекграунда(частите на "сянката") в случая от четирите страни.
 
Със сегашния напредък на CSS3 не разбирам защо го игнорираш :?

Вместо да пилееш време в нещо, което след няколко месеца ще се забрави, че е съществувало, по-добре отдели това време в усвояване на някоя по-полезна техника.

Виж този списък със 7 полезни CSS3 инструмента, които спестяват време и ускоряват процеса на учене.

В крайна сметка може и да постигнеш това, което искаш, но тази техника изисква много повече код, ресурси и време :)
 
Ами да, особено когато има и CSS3PIE, всички мъки и играчки от онова време приключват, дори и под старите версии на Internet Explorer.

:lol:
 

Горе