Pulse CSS

Animation

by Leandro Barbosa

HTML

<p>
pulse!
</p>

CSS

@keyframes pulse {
    0% {
        background: red;
    }
    50% {
        background: blue;
    }
    100% {
        background: red;
    }
}
p {
    color: #fff;
    padding: 20px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    animation: 1s infinite pulse;    
}