Wow, we have added a new awesome Feature to the TouchM Joomla Template! Now you can very easily add Animations to nearly all Elements, when they became visible in the Browser, means you have a nice scrolling Experience when browsing the Page.

  • Nice styled with a lot of CSS3 effects and techniques which works in all modern browsers
  • Six different Animation Types you can choose from, all CSS3 powered
  • Very easy to use, simply add a Class to the Element you want to animate when coming into Viewport

General Demo


Device for Animation

Animation "from-left"

Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.


Device for Animation

Animation "from-right"

Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.


Device for Animation

Animation "from-top"

Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.


Device for Animation

Animation "from-bottom"

Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.


Device for Animation

Animation "scale-in"

Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.


Device for Animation

Animation "scale-out"

Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis. Nullam id dolor id nibh ultricies vehicula ut id elit.


General Demo


animation from-left


animation from-left


animation from-left


animation from-right


animation from-right


animation from-right


animation from-top


animation from-top


animation from-top


animation from-bottom


animation from-bottom


animation from-bottom


animation scale-in


animation scale-in


animation scale-in


animation scale-out


animation scale-out


animation scale-out


How to use

You can simply add a Class to every Element you want to have animated.

<h1>Headline</h1> will become this: <h1 class="animation from-left">Headline</h1>

Of course this will also work in many Shortcodes very easy.

Testreveal

df gfdg dfg dfg dfg dfg dfg

×

Login

Please login using your credentials recived by email when you register.

  or   Create an account

Forgot your password? |  Forgot your username?

×

Register now


I'm a small Introtext for the Register Module, I can be set in the Backend of the Joomla WS-Register Module.



  or   Login
×