Joomla Templates Club 406,261 posts

[Yap Friend YapJoin date: November 2012Posts: 72Downloads:34Uploads:39 Thanks: 28 Thanked: 1 times in 1 posts]

#207500

Dear Joomlart,

How do i use the animation transition effects ( in the Uber – Corporate – About us page ) on the other module of Uber? Can i add some class to the other blocks so that the text could have the animation effects as well?

http://uber.demo.joomlart.com/index.php/about-us

Also, Is there a way to call those similar animation transition effects in the “Beranis” templete?

Regards

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#574559

The effect in Uber Corporate is direrent with Beranis template, look at more the detail below

+ Uber Corporate template


.acm-hero .hero-content.effect {
animation: effect-top 5s;
-webkit-animation: effect-top 5s;
}


+ Beranis template


.animate-text p {
-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;
}


[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#640904

The effect in Uber Corporate is direrent with Beranis template, look at more the detail below

+ Uber Corporate template


.acm-hero .hero-content.effect {
animation: effect-top 5s;
-webkit-animation: effect-top 5s;
}


+ Beranis template


.animate-text p {
-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;
}


[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#739568

The effect in Uber Corporate is direrent with Beranis template, look at more the detail below

+ Uber Corporate template


.acm-hero .hero-content.effect {
animation: effect-top 5s;
-webkit-animation: effect-top 5s;
}


+ Beranis template


.animate-text p {
-webkit-transition: all 1s ease-out 0s;
-moz-transition: all 1s ease-out 0s;
-o-transition: all 1s ease-out 0s;
transition: all 1s ease-out 0s;
}


[Author]

Posts