transform-origin 属性定义了一个元素在进行变换（如旋转、缩放、倾斜等）时的基准点或中心点。默认情况下，transform-origin 的值是 center，即变换围绕元素的中心点进行（元素就是旋转的dom，在本例子中，就是写着“封面”二字的div）。上面的例子，如果没有旋转，就是一个普通的，水平放置在照片右上角的块。至于为何要将right设为负数，可以想象一下如果不设为负数，这个div围绕自己的中心点顺时针旋转45度后是个啥样子。这里的旋转是顺时针方向，使 .ribbon 斜斜地放置。