Css: 如何从右向左显示这张图片？

Question

CSS 这里是新手。我有这张图片，我想从右到左显示它，我必须 add/change 对这段代码做什么？

.arr1 {
    display:block;
    position:absolute;
    left:1001px;
    top:920px;
    width:0;
    height:99px;
    background:url(../img/arr1.png) no-repeat;
    background-size:254px 99px;
    opacity: 0;
    transition: 0.5s linear;
    pointer-events: none;

    &:hover{
    opacity: 1;
    pointer-events: all;
    width: 254px;
    transition-delay: 1s;
    }
}

Answer 1

如果没有更多代码，很难给出可靠的答案，但是根据您发布的内容，将容器的绝对位置更改为 right 而不是 left 并添加图像的宽度之前的 left 值，结果为 1255px:

.arr1 {
    display:block;
    position:absolute;
    right:1255px;
    top:920px;
    width:0;
    height:99px;
    background:url(../img/arr1.png) no-repeat;
    background-size:254px 99px;
    opacity: 0;
    transition: 0.5s linear;
    pointer-events: none;

    &:hover{
    opacity: 1;
    pointer-events: all;
    width: 254px;
    transition-delay: 1s;
    }
}

您可能还想将 background-position: right 添加到 .arr1，具体取决于您希望图像的显示方式。

Css: 如何从右向左显示这张图片？

Css: How can I reveal this image from right to left?

css

transition

right-to-left

css-transitions