LoginSecure Hover

Yes, this extension is developed in such a way that it works on every template framework in the market.

Yes, this extension can be called via Joomla's {loadposition} syntax or by assigning it to a menu item.

Be aware that if you assign it to a menu item the module position needs to be present in the template. In most cases a good position is debug.

Please see the full list of requirements/dependencies in the chapter installation.

Go to chapter: Installation

In some rare occasions, this is going to be possible. But in most cases it won't work as the CSS that is targeted by the last class will overwrite the CSS targeted by the previous class.

TIP: Use nested classes instead!

Yes, you can have nested hover effects. For instance, you can have a 2D transition on a div and all the links within that div can have icon transitions.

You need to have a structure that supports this behavior. For instance, you can have a link with an icon class(icon-grow) attached to it. Then the direct parent can have a border transition(border-fade) and the wrapper parent can have a 2D transition(grow).

Visually Explained:
When the user moves the mouse towards the link it will hit the wrapper parent first and make the entire element grow. Then when moving the mouse closer to the link it will hit the links direct parent and will add the border-fade to that parent. Now moving towards the link and hovering on it the icon grows.