如何使用线性渐变指定颜色渐变开始的高度

Question

How can I specify where color gradient starts in a div.

I have the below gradient:

style="background: linear-gradient(to bottom, white,#B8DBFF)

I would like the div to be purely white from top to around 200px down then have the gradient starts at that point.

Answer 1

background: linear-gradient(to bottom, #ffffff 0%,#ffffff 200px,#b8dbff 100%);

Example: http://jsfiddle.net/CEFkZ/

(I used this gradient generator )

Answer 2

You can use degree to define the starting point.

Refer this to learn more about CSS3:

http://www.css3files.com/gradient/