css只翻转背景图片而不翻转内容

想翻转背景图片，直接在元素里面用transform，然后发现内容也翻转了。解决办法：

.right1::before{
        content: "";
        position: absolute;
        left: 0;
        width: 148px;
        height: 70px;
        background: url('/images/dp/left1.png');
        transform: rotate(180deg); 
        z-index: -1;
    }

.right1{
    width:148px;
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 72px;
}