Website gradient

Ui gradient

  background: #000428; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #000428, #004e92); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #000428, #004e92); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Source: uigradients.com

Uigradients

  background: #0f2027; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0f2027, #203a43, #2c5364); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0f2027, #203a43, #2c5364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Source: uigradients.com

Website gradient

background-image: linear-gradient(45deg, rgba(250,139,255,1) 0%, rgba(43,210,255,1) 52%, rgba(43,255,136,1) 90%);
background-size: auto;
background-position: 0% 0%;
background-repeat: repeat;
background-color: rgba(250,139,255,1);

Source: cssgradienteditor.com

Similar codes

1 vote237 views1 answer
Overflow: scroll displaces the inline element
CSS
56 votes250 views1 answer
Media queries screen width
CSS
0 vote242 views1 answer
How do I make secret keys available in gatsby-config from Netlify
CSS
0 vote180 views1 answer
Menu multiple colums batch
CSS
14 votes284 views2 answers
.col-12 bootstrap
CSS Bootstrap
13 votes185 views6 answers
Bootstrap Badges
CSS
0 vote197 views1 answer
Make all elements in a div share same css
CSS
3 votes211 views2 answers
Css overflow y 3 dots
CSS
12 votes190 views6 answers
Responsive text
CSS
0 vote174 views1 answer
Framework CSS
CSS