CODEWITHSUNDEEP
htmlcssgradient
André Machado
André Machado

Reputation: 183

HTML CSS Gradient - I have try everything

Before any thing thanks for pay attencion to me.

I just want to make a grandient.

So in HTML i have create a div simple as that.

Code:

body {
}

.containerallbody {
  width: 800px;
  height:  300px;
  background-color: #0076b4;
  background-image: -moz-linear-gradient (top, #0076b4 0%, white 100%);
  background-image: -webkit-linear-gradient (top, #0076b4 0%, white 100%);
  background-image: linear-gradient (top, #0076b4 0%, white 100%); /*STANDARD*/
}
<body>
  <div class="containerallbody">

  </div>
</body>

I have try Safari, Chrome, Firefox and IE. I Try also every thing that shows on w3scholls. And i have seen a lots of videos on youtube talking about this, i dont know what to do more. I just want a simple background cover all the body with a linear grandient from blue to white.

Can anyone save me please?

Upvotes: 1

Views: 64

Answers (1)

JoxieMedina
JoxieMedina

Reputation: 1013

You have an extra space after the linear-gradient.

body {
}

.containerallbody {
  width: 800px;
  height:  300px;
  background-color: #0076b4;
  background-image: -moz-linear-gradient(top, #0076b4 0%, white 100%);
  background-image: -webkit-linear-gradient(top, #0076b4 0%, white 100%);
  background-image: linear-gradient(top, #0076b4 0%, white 100%); /*STANDARD*/
}
<body>
  <div class="containerallbody">

  </div>
</body>

Upvotes: 6

Related Questions