JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<div class="border">Change my border</div>
<div class="background">Change my background</div>

CSS

div {
    margin: 15px;
    padding: 15px;
}
.border {
    border-bottom: 2px solid red;
}
.background {
    background-color: red;
    animation:myfirst 5s;
    -moz-animation:myfirst 5s infinite;
    /* Firefox */
    -webkit-animation:myfirst 5s infinite;
    /* Safari and Chrome */
}
@-moz-keyframes myfirst
/* Firefox */
 {
    0% {
        background:red;
    }
    50% {
        background:yellow;
    }
    100% {
        background:red;
    }
}
@-webkit-keyframes myfirst
/* Safari and Chrome */
 {
    0% {
        background:red;
    }
    50% {
        background:yellow;
    }
    100% {
        background:red;
    }
}