<view class="onLine">
<a href="#">2222</a>
</view>
.onLine {
background-color: #4dc01d;
overflow: hidden;
white-space: nowrap;
position: absolute;
left: -45rpx;
top: 25rpx;
height: 35rpx;
width: 150rpx;
-webkit-transform: rotate(310deg);
-moz-transform: rotate(310deg);
-ms-transform: rotate(310deg);
-o-transform: rotate(310deg);
transform: rotate(310deg);
}
.onLine a {
color: #ffffff;
display: block;
font-size: 12px;
// padding: 20px 50px 8px 50px;
text-align: center;
text-decoration: none;
}
CSS transform 如何设置斜杠徽标
最新推荐文章于 2024-01-25 17:10:10 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)