Joomla Templates Club 406,261 posts

[iaassens Friend iaassensJoin date: December 2013Posts: 121Downloads:22Uploads:18 Thanks: 34 Thanked: 2 times in 1 posts]

#199198

Hi Joomlart forum.

From where can I control the speed and when the animation is activated in the parallax section etc.
I want to have the animation activated earlier then it does now and also to be a little faster.

I do not mind editing codes if someone can just lead me in the right direction and it isnt too advanced. 🙂
Thanks.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#540593

@iaassens,

Do you mean the speed of this section? http://prntscr.com/3xwo91

If so, please create a new file called “custom.css” in the /templates/your_template_name/css/ path, then add this rule:

.section.parallax.section-image .img-right {
transition: right 0.5s ease-out 0s;
}
.section.parallax.section-image .img-left{
transition: left 0.5s ease-out 0s;
}

You can change the value in red.

1 user says Thank You to Nazario A for this useful post

1. iaassens

[iaassens Friend iaassensJoin date: December 2013Posts: 121Downloads:22Uploads:18 Thanks: 34 Thanked: 2 times in 1 posts]

#540780

Great, thanks a lot Nazario A 🙂

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#540781

You’re welcome 🙂

[iaassens Friend iaassensJoin date: December 2013Posts: 121Downloads:22Uploads:18 Thanks: 34 Thanked: 2 times in 1 posts]

#541678

Hi guys,

This animartion seems really cool. Really like the little animation effect and that it keeps animating when you scroll up and down.:)
Is this javascript based or does anybody know how to achieve this?

http://www.bestofjoomla.com/index2.php?option=com_bestoftemplate&task=demo&no_html=1&id=5753

cheers

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#541692

@iaassens,

About Parallax, hope these tips can help you:

http://ihatetomatoes.net/simple-parallax-scrolling-tutorial/
http://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/

1 user says Thank You to Nazario A for this useful post

1. iaassens

[Author]

Posts