1
2 background: #0f2027; /* fallback for old browsers */
3 background: -webkit-linear-gradient(to right, #0f2027, #203a43, #2c5364); /* Chrome 10-25, Safari 5.1-6 */
4 background: linear-gradient(to right, #0f2027, #203a43, #2c5364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
5
1
2 background: #000428; /* fallback for old browsers */
3 background: -webkit-linear-gradient(to bottom, #000428, #004e92); /* Chrome 10-25, Safari 5.1-6 */
4 background: linear-gradient(to bottom, #000428, #004e92); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
5
1Here a codePen with cool gradient animations:
2https://codepen.io/DevLorenzo/pen/ExgpvJM
1background-image: linear-gradient(45deg, rgba(250,139,255,1) 0%, rgba(43,210,255,1) 52%, rgba(43,255,136,1) 90%);
2background-size: auto;
3background-position: 0% 0%;
4background-repeat: repeat;
5background-color: rgba(250,139,255,1);