Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #203853

    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.

    #203861

    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

    #203980

    much much thanks! all set

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