css - 沿对 Angular 线移动背景渐变

Question

我想重现这个效果http://jsfiddle.net/X78qN/199/对 Angular 线，我这样试:http://jsfiddle.net/X78qN/227/

所以，我的容器 div 已经旋转了，现在我搜索如何对 Angular 执行效果，从左到右，如何做？

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

Answer 1

我在bar中添加了以下样式

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

我认为现在可以了

fiddle