/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 vote137 views2 answers
Make img black and white css
CSS
2 votes137 views4 answers
Laravel htaccess
CSS
0 vote156 views2 answers
Ihr seid alle dumabtu
CSS
47 votes158 views6 answers
Css nth child
CSS
33 votes138 views6 answers
Custom Cursor css
CSS
29 votes134 views6 answers
BackgroundImage react
CSS
2 votes130 views2 answers
Bootstrap icons in angular
CSS
0 vote121 views2 answers
Vertically and horizontally center a fixed div
CSS
0 vote153 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
5 votes166 views3 answers
How to make a dotted hr in css
CSS