html { -webkit-transition: background-color .5s; transition: background-color .5s; background-color: #f2d283; } html, body { min-height: 100%; } html.loading { background: #f2d283 url('../images/loading.gif') no-repeat 50% 50%; -webkit-transition: background-color 0; transition: background-color 0; } body { -webkit-transition: opacity .5s; transition: opacity .5s; } html.loading body { opacity: 0; -webkit-transition: opacity 0; transition: opacity 0; }