/CSS/Background-image linear gradient and border radius

Background-image linear gradient and border radius

Linear gradient css background image

background-image: url("IMAGE_URL"), linear-gradient(#eb01a5, #d13531);

Background-image linear-gradient url

  body {
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), linear-gradient(red, yellow);
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
    background-image: url("http://www.skrenta.com/images/stackoverflow.jpg"), -moz-linear-gradient(top, red, yellow);
  }

Source: stackoverflow.com

Background-image linear gradient and border radius

.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

Similar codes

76 votes129 views6 answers
Display flex css
CSS
10 votes122 views6 answers
How to install composer on mac
CSS
-1 vote146 views1 answer
Remove line breaks css
CSS
16 votes131 views2 answers
Css not last child
CSS
0 vote111 views2 answers
PHP executable not found. Install PHP 7 and add it to your PATH
CSS
0 vote125 views5 answers
Css math functions simplifier
CSS
4 votes116 views1 answer
Flexbox center and space between
CSS
3 votes108 views2 answers
Css onclick change color
CSS
0 vote126 views1 answer
Asp net css how to change text alignment of gridview column
CSS
1 vote151 views1 answer
Active pseudo class in css not working in form text area
CSS