Блог на Тихомир Ипотпалиев

Този демо плъгин позволява да се демонстрира един малко необичаен, но напълно css2 съвместим начин за брaузер  независим ефект - 3d textshadow в текст (параграф). Досега това бе невъзможно, заради браузерите на Майкрософт от серията IE6,I7,IE8 и т.н, които освен, че вместо  стандартното за css2 - textshadow, използват филтри, но и заради недостатъка на css енжина на браузерите от  серията Интернет Експлорер, които не могат да прилагат филтрите на контейнери, които са с недефинирани  предварително ширина и височина.

Това мое решение позволява по лесен начин да вграждате във абсолютно всеки дизайн / шаблон / за Джумла 3D типография вътре в текста, на ниво няколко думи, менюта и т.н, тоест там където не е възможно да използваме контейнери с  предварително дефинирани ширина и височина.

Все пак държа да подчертая, плъгинът е демо и с учебна цел. Трябва да го прилагате само върху чист (plain html)  текст за да работи. Успешната работа на плъгина се дължи на една слабост или недокументирана способност на  браузерите на IE да оразмеряват контейнер от тип span, ако на такъв контейнер е приложена css декларация:

display:inline-block;height:auto;width:auto;

Самият плъгин се употребява като заградим със {shаdow2} и {/shаdow2}, желаният от нас текст в даден артикъл, като думата shаdow трябва да бъде изписана на латиница. В ошрифтяваният текст не трябва да има специални знаци, скоби и др. подобни. Плъгинът действа като анализа текста на onPrepareContent , разпада на думи заграденият текст и ги загражда със <span clаss="някакъв клас"></span>, като "някакъв клас" се дефинира в хедъра на страницата.

Е приятно ползване - демо може да видите тук и тук а самият плъгин - да изтеглите от тук.

Разбира се добрите дизайнери сами могат да си вграждат вече такава типография без да използват този плъгин. Както  и да си пишат на негова база подобни.

Виж също и същата статия на английски:  css text shadow for all browsers - Internet Explorer, Mozilla, Opera.