<style>
#Arrow{
width: 0px;
height: 0px;
border: 40px solid;
border-color: transparent transparent red transparent;
transition:0.5s;
transform: translate(0, -50%);
}
#Arrow:hover {
transform: rotateZ(180deg);
}
</style>
<body>
<div id="Arrow"></div>
</body>
CSS三角形旋转(border)
最新推荐文章于 2024-06-22 01:18:20 发布