[CSS]水平镜像翻转

垂直翻转将X改为Y即可。

注意:这个方法会将这个元素及其内容、后代元素都翻转过来。

// 方法1 ios支持差
        transform retateX(180deg)

// 方法2 通用
        transform scaleX(-1)

 

如果不需要翻转他的后代,需要对这个元素使用使用伪类::before设置。

.main1::before{
    content: "";
    position: absolute;
    left: 0;
    width:   // 根据实际
    height:  // 根据实际
    background: url(/img/bg.jpg);
    transform: scaleX(-1);
}

 

posted @ 2023-03-23 11:09  夕苜19  阅读(308)  评论(0编辑  收藏  举报