css3左侧的锯齿状边缘不是右侧的

如何将锯齿边添加到左侧，而不是将其放置在右侧？我试图改变背景位置等，但没有运气，有什么想法？谢谢

正文{
背景图像：url（“http://upload.wikimedia.org/wikipedia/commons/1/10/20090529_Great_Wall_8185.jpg");
}
div{
位置：相对位置；
背景色：#ec173a；
宽度：200px；
高度：200px；
}
部门：之后{
内容：''；
位置：绝对位置；
背景：线性梯度（45度，ec173a 5px，透明0）0 5px，线性梯度（135度，ec173a 5px，透明0）0 5px；
背景位置：右上角；
背景重复：重复-y；
背景尺寸：10px 10px；
宽度：10px；
身高：100%；
右：-10px；
}

测试

正文{
背景图像：url（“http://upload.wikimedia.org/wikipedia/commons/1/10/20090529_Great_Wall_8185.jpg");
}
div{
位置：相对位置；
背景色：#ec173a；
宽度：200px；
高度：200px；
}
部门：之后{
内容：''；
位置：绝对位置；
背景：线性梯度（-45度，#ec173a 5px，透明0）0 5px，线性梯度（-135度，#ec173a 5px，透明0）0 5px；
背景位置：左上；
背景重复：重复-y；
背景尺寸：10px 10px；
宽度：10px；
身高：100%；
左：-10px；
}

测试