Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 30, 2013 at 8:14 pm #203853
    mediumstudio

    Hi, is there any way to have the masonry portfolio items fade-in like it does in FireFox? Safari and Chrome are using a 3D-like transition (its totally cool – don’t get me wrong!). I’d prefer the motion to be the same on all browsers. I’ve checked short codes.css but I don’t think I am looking in the right spot.

    Much appreciated.

    December 30, 2013 at 8:25 pm #203861
    Josue

    Hey!

    Open shortcodes.css and remove/comment from line 3185 to 3200.

    @-webkit-keyframes avia_msonry_show {
  0%   { -webkit-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1;  }
  100% { -webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@-moz-keyframes avia_msonry_show {
  0%   { -moz-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1;  }
  100% { -moz-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1;  }
}
@-o-keyframes avia_msonry_show {
  0%   { -o-transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1;  }
  100% { -o-transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes avia_msonry_show {
  0%   { transform:translateZ(300px) translateY(200px) rotateX(-70deg); opacity: 0.1;  }
  100% { transform:translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1;  }
}

    Regards,
    Josue

    December 31, 2013 at 5:52 am #203980
    mediumstudio

    much much thanks! all set

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Masonry animation – fade in only on load’ is closed to new replies.