CSS Farbverlauf und Rotation

HTML

<a href="#" class="jagged">Jagged and ugly</a>
<a href="#" class="smooth">Nice and smooth</a>

CSS

body {font-family: Arial, sans-serif; font-size: 1em; margin: 40px;}
a, img {margin: 0 20px 20px 0;}

.jagged {
    *display: inline; /* Zusammen mit zoom = inline-block in IE6/7 */
    display: inline-block;
    color: #fff;
    padding: 7px 12px 7px 15px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #a40518;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -webkit-transform: rotate(6deg); /* Safari + Chrome */
    -moz-transform: rotate(6deg); /* Mozilla Firefox */
    -o-transform: rotate(6deg); /* Opera */
    transform: rotate(6deg) /* W3C */

    /* Standard Farbverlauf */
    background: #aa001a; /* Alte Browser */
    background: -moz-linear-gradient(top, #dd001a 0%, #a40518 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd001a), color-stop(100%,#a40518)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dd001a 0%,#a40518 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dd001a 0%,#a40518 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #dd001a 0%,#a40518 100%); /* IE10+ */
    background: linear-gradient(top, #dd001a 0%,#a40518 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd001a', endColorstr='#a40518',GradientType=0), 
            progid:DXImageTransform.Microsoft.Matrix(
            M11=0.9945218953682733, 
            M12=-0.10452846326765346, 
            M21=0.10452846326765346, 
            M22=0.9945218953682733, sizingMethod='auto expand'); /* IE6-9 */
    zoom: 1;
}

.smooth {
    *display: inline;
    display: inline-block;
    color: #fff;
    padding: 7px 12px 7px 15px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255,255,255,0.25);
    border: 1px solid #a40518;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

    -webkit-transform:...