Time Counter

body { height: 99%; } body { background-color: #f0f0f0; } .mostrarValor{ text-align: center; border:0px solid white; font-size: 50pt; } .mostrarValor2{ text-align: center; border:0px solid white; font-size: 50pt; animation: fade 10000ms infinite; } .Classexibe{ text-align:center; } .Classexibe2{ text-align:center; animation: fade 10000ms infinite; } section { width: 450px; } .btn { width:100px; } @keyframes fade { 0% {bakcground-color:white;} 25% {background-color:orange;} 50% {background-color:green;} 75% {background-color:red;} 100% {background-color:white;} }