Palash
Palash

Reputation: 598

CSS linear gradient appears as alternate lines of different colors

I am trying to get a linear gradient of 2 colours but it is not working and instead showing me alternate lines of different colors as seen in the image

This is the screenshot from jsfiddle

I am using this css

body{ background: linear-gradient(white, rgb(221,221,221));}

This is the complete jsfiddle

Upvotes: 0

Views: 332

Answers (2)

ZeroWorks
ZeroWorks

Reputation: 1638

Just add:

html, body {
    height: 100%;
}

and will work.

JsFiddle

Upvotes: 1

Arshid KV
Arshid KV

Reputation: 10037

Just add height:768px; in css .

http://jsfiddle.net/arshidkv12/78cx3/1/

Upvotes: 2

Related Questions