Css:我如何从右到左展示这张图片

Question

CSS新手。我有这个图片，我想从右到左展示它，我需要向这个代码添加/更改什么？

.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，具体取决于您希望图像显示的方式。