3.2. Style animation - quan1997ap/angular-app-note GitHub Wiki

Animation

rotate-spin

.roll {
    animation: rotate-spin 2s linear infinite;
    -webkit-animation: rotate-spin 2s infinite;
}
@keyframes rotate-spin {
    0% {
    -webkit-transform: rotate(0deg);
    }
    100% {
    -webkit-transform: rotate(360deg);
    }
}

flicker

.flicker {
    animation: flicker-animation 1s linear infinite;
    -webkit-animation: flicker-animation 1s linear infinite;
}
@keyframes flicker-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}