Joomla Templates Club 406,261 posts

[ozzymanson2 Friend ozzymanson2Join date: September 2012Posts: 75Downloads:0Uploads:2 Thanks: 6 Thanked: 4 times in 1 posts]

#180442

How can i change animation duration of jQuery Masonry?

Thx

[Stork11 Friend Stork11Join date: March 2011Posts: 2273Downloads:0Uploads:142 Thanks: 55 Thanked: 431 times in 393 posts]

#466048

Hello ozzymanson2,

Please open “/templates/ja_wall/css/template.css” file, then edit the duration at line 1863


.masonry,
.masonry .masonry-brick {
transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
}


Regards.

[ozzymanson2 Friend ozzymanson2Join date: September 2012Posts: 75Downloads:0Uploads:2 Thanks: 6 Thanked: 4 times in 1 posts]

#466090

thank you very much

[mackdoyle Friend mackdoyleJoin date: May 2012Posts: 21Downloads:0Uploads:1 Thanked: 1 times in 1 posts]

#492536

this is a JA Elastica question but fits here… What about the delay that occurs before the panels slide into place? Can you change the delay time on them?

[Wall Crasher Developer Wall CrasherJoin date: December 2011Posts: 1113Downloads:0Uploads:15 Thanks: 66 Thanked: 361 times in 300 posts]

#492752

Hi mackdoyle,

You can edit the same block code above. Just add some transition delay

.masonry,
.masonry .masonry-brick {
transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;

transition-delay: 1s;
-o-transition-delay: 1s;
-moz-transition-delay: 1s;
-webkit-transition-delay: 1s;
}


Regards

[Author]

Posts