rainbow

a:hover {
        -webkit-animation:rainbow .3s infinite;
        -ms-animation:rainbow .3s infinite;
        -o-animation:rainbow .3s infinite;
        animation:rainbow .3s infinite;
        }
        @-webkit-keyframes rainbow {
        0% {color: #ff0000; background-color: #00ff80;}
        10% {color: #ff8000; background-color: #00ffff;}
        20% {color: #ffff00; background-color: #0080ff;}
        30% {color: #80ff00; background-color: #0000ff;}
        40% {color: #00ff00; background-color: #8000ff;}
        50% {color: #00ff80; background-color: #ff0080;}
        60% {color: #00ffff; background-color: #ff0000;}
        70% {color: #0080ff; background-color: #ff8000;}
        80% {color: #0000ff; background-color: #ffff00;}
        90% {color: #8000ff; background-color: #80ff00;}
        100% {color: #ff0080; background-color: #00ff00;}
        }
        @-ms-keyframes rainbow {
        0% {color: #ff0000; background-color: #00ff80;}
        10% {color: #ff8000; background-color: #00ffff;}
        20% {color: #ffff00; background-color: #0080ff;}
        30% {color: #80ff00; background-color: #0000ff;}
        40% {color: #00ff00; background-color: #8000ff;}
        50% {color: #00ff80; background-color: #ff0080;}
        60% {color: #00ffff; background-color: #ff0000;}
        70% {color: #0080ff; background-color: #ff8000;}
        80% {color: #0000ff; background-color: #ffff00;}
        90% {color: #8000ff; background-color: #80ff00;}
        100% {color: #ff0080; background-color: #00ff00;}
        }
        @-o-keyframes rainbow {
        0% {color: #ff0000; background-color: #00ff80;}
        10% {color: #ff8000; background-color: #00ffff;}
        20% {color: #ffff00; background-color: #0080ff;}
        30% {color: #80ff00; background-color: #0000ff;}
        40% {color: #00ff00; background-color: #8000ff;}
        50% {color: #00ff80; background-color: #ff0080;}
        60% {color: #00ffff; background-color: #ff0000;}
        70% {color: #0080ff; background-color: #ff8000;}
        80% {color: #0000ff; background-color: #ffff00;}
        90% {color: #8000ff; background-color: #80ff00;}
        100% {color: #ff0080; background-color: #00ff00;}
        }
        @keyframes rainbow {
        0% {color: #ff0000; background-color: #00ff80;}
        10% {color: #ff8000; background-color: #00ffff;}
        20% {color: #ffff00; background-color: #0080ff;}
        30% {color: #80ff00; background-color: #0000ff;}
        40% {color: #00ff00; background-color: #8000ff;}
        50% {color: #00ff80; background-color: #ff0080;}
        60% {color: #00ffff; background-color: #ff0000;}
        70% {color: #0080ff; background-color: #ff8000;}
        80% {color: #0000ff; background-color: #ffff00;}
        90% {color: #8000ff; background-color: #80ff00;}
        100% {color: #ff0080; background-color: #00ff00;}
        }