Css text shadow for all browsers (IE,Mozilla,Opera) in text - 3D typography for joomla

( Оценка 5.0 ) от ( 6 отзива )

This demo plug in allow to demonstrate a somewhat unusual, but css2 fully compatible browser way to effecting - 3d textshadow in text (paragraph). Yet this was not possible, because Microsoft's browsers series IE6, IE7, IE8 and e.t.c, except that, instead of the standard css2 - textshadow, uses filters, but also because the deficiency of css engine of the browsers Internet Explorer series, that can not apply filters containers, that are not defined in advance in width and height.

 

That my decision allows the easy way to embed in every virtually design / template / for Joomla 3D  typography inside the text, in level of few words, menus and so on, i.e. where it is not possible to use a containers with pre-defined width and height.

 

Yet I would like to emphasize that the plug in is a demo version and with educational purposes. It should apply only to pure (plain html) text to work. Successful operation of the plug in due to a weakness or undocumented ability of IE browsers to design container from type span, if such a container is attached CSS declaration.

 

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

 

This plug in is used as you tick with {shadow2} and {/shadow2}, want us in a text article the  word "shadow" must be written in Latin. In styled of text should not have a special characters, brackets and similar. Plug in works by analyzing the text of "onPrepareContent", collapse of gated words text and marked them with <span class=”classname”></span>, such "classname" is defined in the header.

Peaceful use - the demo you can see HERE and HERE, while the plug in - DOWNLOAD HERE

 

Of course the best designers can now embed such typography without using this plug in and write similar on this basis.