/* w/thanks to kahnwald */ body { background: #f9cee0; height: 100%; } /* Animation */ @keyframes ripple { 0%, 100% { transform: scale(1); } 70% { transform: scale(1.1); } } @keyframes colors { 0%, 100% { background: #ffcfcf; } 25% { background: #cfffcf; } 75% { background: #cfcfff; } } @keyframes back-color { 0%, 100% { background: #ffcfcf; } 25% { background: #cfffcf; } 75% { background: #cfcfff; } } body { -webkit-animation: back-color linear 14s infinite; -moz-animation: back-color linear 14s infinite; animation: back-color linear 14s infinite; -webkit-animation-delay: 2s; animation-delay: 2s; }