css lightbox transition (3 yrs old now?)

css-scale3d-transition

.overlay {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        -webkit-transform: scale3d(0.1,0.1,1);
        -moz-transform: scale3d(0.1,0.1,1);
        -o-transform: scale3d(0.1,0.1,1);
        transform: scale3d(0.1,0.1,1);
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        z-index: 800;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgba(237,237,235,0.96);
        color: @offblack;
}
.overlay-enable { /* must go after overlay */
        height: 100%;
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        -o-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
}