Tumblr animations

animations.css

.blogs-post {
    background: #fff;
    border-radius: 3px;
    margin: 0 0 20px;
    width: 300px;
    transform: translateX(200px);
}
.blogs-post-column{
    opacity: 0;
    transform: translateX(0);
    float: left;
    margin-right: 20px;
    width: 300px;
    transform: translateX(100px);
}
.blogs-graphic.active .blogs-post-column,
.blogs-graphic.active .blogs-post{
    opacity: 1;
    transform: translateX(0);
    transition: opacity .7s cubic-bezier(.165,.84,.44,1),transform .7s cubic-bezier(.165,.84,.44,1);
}
.blogs-graphic.active .blogs-post-column:first-child{
    transition-delay: .08s;
}
.blogs-graphic.active .blogs-post-column:nth-child(2){
    transition-delay: .16s;
}
.blogs-graphic.active .blogs-post-column:nth-child(3){
    transition-delay: .24s;
}
.blogs-graphic.active .blogs-post-column:nth-child(4){
    transition-delay: .32s;
}
.blogs-graphic.active .blogs-post:first-child {
    transition-delay: .08s;
}
.blogs-graphic.active .blogs-post:nth-child(2) {
    transition-delay: .16s;
}
.blogs-graphic.active .blogs-post:nth-child(3){
    transition-delay: .24s;
}