.item{
    opacity: 0;
    transition: all 1s ease;
}
.right{
    transform: translateX(100px);
}
.left{
    transform: translateX(-100px);
}
.top{
    transform: translateY(-100px);
}
.bottom{
    transform: translateY(100px);
}
.small{
    transform: scale(0);
}
.big{
    transform: scale(1.5);
}
.twist-x{
    transform: rotateY(180deg);
}
.twist-y{
    transform: rotateX(180deg);
}
.rotate{
    transform: rotateZ(180deg);
}
.normal{
    transform: translateX(0px) scale(1);
    opacity: 1;
    transform: rotate(0deg);
}