在对角线中移动背景渐变

Question

我想对角重现这种效果http://jsfiddle.net/X78qN/199/，我试试这样：http://jsfiddle.net/X78qN/227/

所以，我的容器div已经旋转了，现在我搜索如何对角地执行效果，让它向左移动，怎么做？

当我尝试background-image:linear-gradient(45deg, ...);时，它没有旋转，我尝试使用位置，但结果不是我预期的

Answer 1

我已将以下样式添加到栏

.bar {
    transform: rotate(45deg);
    width: 200px; 
    height: 200px;
    margin-left: -40px;
    margin-top: -40px;

我觉得现在有效了

fiddle