html - 如何在 CSS 中制作带 Angular 箭头？

Question

现在我有以下构建左箭头的 HTML 代码:

.item {  right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(70, 173, 255, 0);
    border-right-color: #AFCDEC;
    border-width: 30px;
    margin-top: -30px;
}

我需要让箭头向左，天使向上。我该怎么做？

Answer 1

您可以使用 CSS3 的 transform .

transform: rotate(45deg);

http://codepen.io/RobErskine/pen/xZxKjV