#anim1 {
    width: 200px;
    height: 200px;
    background: indianred;
    animation: MyAnim 1s ease infinite;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
#anim:hover {
    background: cornflowerblue;
}
#anim:active {
    background: mediumpurple; /* mix colors, red + blue = purple */
}
@keyframes MyAnim {
    from {
        opacity: 0;
        margin-left: 100%;

    }
    to {
        opacity: 1;
        margin-left: 0;
    }
}