CSS三角形旋转（border）

易山易酒易诗

于 2021-08-23 22:40:35 发布

阅读量541

点赞数 2

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/qq_44675204/article/details/119879377

CSS 专栏收录该内容

16 篇文章

订阅专栏

<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>