Transform

by luissanchezm86

HTML

<div class="box"></div>

CSS

.box {
    background-color:#f00;
    position: absolute;
    width:200px;
    height:200px;
}

.transform {
    transform-origin: 0% 50%;
    transform: rotateY(30deg);
    -ms-transform-origin: 0% 50%;
    -ms-transform: rotateY(30deg);
    -webkit-transform-origin: 0% 50% 0px;
    -webkit-transform: rotateY(-31deg);
}

JavaScript

$(".box").mousedown(function () {
        $(this).addClass('transform');
    });

    $(".box").mouseup(function () {
        $(this).removeClass('transform');
    });

    $(".box").click(function () {
        alert("Click"); // Not worked under Chrome/Safari !
    });