html - 旋转到 180 度 HTML

Question

#prop1 {
border-top: 10px solid #99B898; 
border-bottom: 10px solid #FECEA8; 
border-left: 10px solid #FF847C; 
border-right: 10px solid #E84A5F; 
background-color: black;
width: 0px;
height: 220px;
position: relative;
   float: left;
       transform: rotate(-180deg);
    -ms-transform: rotate(-1800deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari and Chrome */    
  padding: 0px; /* if you want space between the images */
}

<div id="prop1">
</div>
<div id="prop1">
</div>
<div id="prop1">
</div>
<div id="prop1">
</div>

有人能帮我一下吗？

这就是我遇到的问题，我希望它像我在下面显示的那样旋转（-180）度，我试过这样做但它没有奏效，所以没有任何效果或任何东西。

transform: rotate(-180deg);
    -ms-transform: rotate(-1800deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari and Chrome */    

`我想要这样的东西

图片

标签： htmlcss

Answer 1

transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); /* IE 9 */ -- added extra "0"
    -webkit-transform: rotate(-180deg); /* Safari and Chrome */   

- 你的CSS是正确的。你可以试试“ transform: rotate(180deg);”