Edit in JSFiddle

/*
 * Non richiede Javascript!
 */
<a href="#" class="rotating">
    <span class="glow">
        <span class="centerGlow">Artera.it</span>
    </span>
</a>
@-webkit-keyframes spin {
    from { -webkit-transform: rotateY(0); }
    50%   { -webkit-transform: rotate3d(1, 1, 0, 180deg); }
    100%   { -webkit-transform: rotate3d(1, 1, 0, 360deg); }
}

.rotating{
    text-decoration:none;
    font-size:72px;
    font-family: 'Reenie Beanie', serif;
    color:white;
    margin:50px auto;
    text-align:center;

    position:relative;
    display:block;
    width:300px;
    height:150px;
    line-height:150px;
    border:5px solid #fafafa;
    -webkit-box-shadow:0px 0px 200px #6c7596;

    -webkit-animation: spin 3s infinite ease-out;
}
.rotating:hover .glow{
    background:white;
    background:-webkit-gradient(linear, left top, left 50%, from(#323246), to(#6c7596));
    background:-moz-linear-gradient(top, #323246, #6c7596);
}
.rotating .glow{
    display:block;
    width:100%;
    height:100%;
    
    position:absolute;
    top:0;
    left:0;

    background:white;
    background:-webkit-gradient(linear, left top, left 50%, from(#6c7596), to(#323246));
    background:-moz-linear-gradient(top, #6c7596, #323246);

}

.rotating .glow .centerGlow{
    display:block;
    width:100%;
    height:100%;
    
    position:absolute;
    z-index:2;
    top:0;
    left:0;
}