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

8 votes287 views1 answer
Center in the middle of the screen html css
CSS
0 vote283 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
0 vote262 views1 answer
Keyframe fade down css
CSS
2 votes328 views2 answers
Program to draw circle in C++
CSS
0 vote312 views1 answer
Gh: stop using --force !!!
CSS
0 vote309 views3 answers
Animate.css cdn
CSS
6 votes282 views2 answers
How to give opacity to border
CSS
0 vote277 views1 answer
How to apply css on react chartjs
CSS
0 vote260 views1 answer
Color custom css use in laravel
CSS
0 vote301 views1 answer
Closing modal on iframe movies still running
CSS