Question

i have a div that it has image content i wanna skew it when user click on div or image with delay .i use follow code but it dose not work. what is solution ?
thanks

  $(function () {
        $('#hd').bind('mousedown', function () {
            var $elem = $(this);

              $elem.animate({  " -webkit-transform": "skewX(40deg)" }, 250)
        })
    })

it does not work too

   $(function () {
        $('#hd').bind('mousedown', function () {
            var $elem = $(this);
            $elem.css({ " -webkit-transform": "skewX(40deg)"

            })

        })
    })

Answer 1

Remove the extra whitespace:

$elem.css({"-webkit-transform": "skewX(40deg)" });

The space before -webkit-transform is what is causing it not to work.