深入理解CSS3 gradient斜向线性渐变

一、问题没有想得那么简单

提问，使用CSS3 gradient渐变，在一个400*300的div层上实现一个(100px, 100px)到(200px, 200px)由红到黄的斜向线性渐变，该如何实现？

//zxx: 这里的讨论CSS3渐变都是基于新式规范写法，且忽略私有前缀

我们可能知道水平渐变的实现，类似这样：

{background-image:linear-gradient(left, red 100px, yellow 200px);}