CSS-правила, замедляющие скорость работы браузера (рендеринг)

Я ищу самые большие ошибки, которые вы можете сделать в своем коде CSS; Правила CSS, замедляющие скорость браузера (рендеринг).

Например:

.myDraggables {
    box-shadow: 0px 1px 2px #000 inset; 
    -moz-box-shadow: 0px 1px 2px #000 inset; 
    -webkit-box-shadow: 0px 1px 2px #000 inset;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cdcdcd, endColorstr=#fff);
    background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#fff));
    background: -moz-linear-gradient(top,  #cdcdcd,  #fff);

    border-radius:5px 7px 1px 3px;
    -moz-border-radius:5px 7px 1px 3px;
    -webkit-border-radius:5px 7px 1px 3px;
}

Если у вас есть 10 перетаскиваемых элементов (много тегов внутри) с этим классом, перетаскивание будет очень медленным (рывком). Итак, кто-нибудь знает список правил CSS, которые вы не должны использовать?