我已经知道如何画一个箭头并旋转它：

     .arrow:after {
       content: "";
       display: inline-block !important;
       width: 0;
       height: 0;
       border-left: 8px solid white;
       border-top: 8px solid transparent;
       border-bottom: 8px solid transparent;
       vertical-align: middle;

     }

     .arrow:before {
       width: 75px;
       height: 2px;
       background: white;
       content: "";
       display: inline-block;
       vertical-align: middle;
     }


   <div style="transform: rotate(-60deg)";><span class="arrow"></span></div>

但它围绕中心旋转，而我希望它从底部旋转，例如，如果你想象一个坐标为（0，0）的箭头，我希望它总是从（0，0）开始，但改变它的端点。

这个链接中，他们用一个箭头来管理它，但我似乎不能只得到一个旋转箭头。

任何帮助都很感激，谢谢！

顺晟科技：

transform: rotate()下添加：

transform-origin: 0% 0%;

然后更改百分比，直到它们与您希望的旋转点