[ddale]

Привет.

Не могу понять почему тормозит стилизованный курсор. Он иногда пропадает. Мигает. Или просто "скачет" за мышкой. Плавности вообще нет.

HTML:

<div id="cursor">
    <span></span><p>Дизайн интерьера<br>загородного дома</p>
</div>

<span> - на бэкграунде стоит картинка

CSS:

#cursor {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    cursor: none !important;
    width: 200px; height: 74px;
    z-index: 300;
    color:#fff;
    font:12px/14px Arial, Geneva, sans-serif;
    padding: 0;
    text-shadow:0 1px 1px rgba(0,0,0,0.4);
    -webkit-transition: display 1.5s ease-in-out;
    -moz-transition: display 1.5s ease-in-out;
    -o-transition: display 1.5s ease-in-out;
    transition: display 1.5s ease-in-out;
}

JS:

$('#slider').mousemove(function(a){
    $('#cursor').css('left', a.pageX).css('top', a.pageY);
});