/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

0 vote247 views1 answer
Ion-img border radius
CSS
3 votes213 views2 answers
Remove table border css
CSS
3 votes249 views2 answers
Make image not draggable css
CSS
0 vote233 views1 answer
Css transparent input text box
CSS
0 vote220 views1 answer
Different :after and ::after
CSS
0 vote261 views1 answer
Html css on class
CSS
1 vote270 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
1 vote221 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS
17 votes252 views1 answer
Yarn start not working on windows because scripts disabled
CSS
0 vote239 views1 answer
Css select alternate elements
CSS