Background depending in width

MediaQueries Background Color depending on width

by lovromar

CSS

body {
    background-color:black;
    -moz-transition:background-color ease 2s;
}

@media  (min-width: 400px) {
    body {
        background-color:red;
    }
}

@media (min-width:500px) {
    body {
        background-color:yellow;
    }
}

@media (min-width: 600px) {
    body {
        background-color:orange;
    }
}