在CSS中,让图形旋转是一个非常常见的需求。如果您也遇到了这个问题,那么本文将会介绍如何使用CSS实现让图形旋转。第一步是选择要旋转的元素。在这个例子中,我们将选择一个矩形。html <
html <p>这是一个矩形:</p> <pre> <div class="rectangle"></div>
css .rectangle { width: 200px; height: 100px; background-color: #f00; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
css .rectangle { /* 添加以下代码 */ transform: translate(-50%, -50%) rotate(45deg); }
粉丝
0
关注
0
收藏
0