如何移动CSS生成的箭头？

Question

http://cssarrowplease.com/

如果我去那里，你会看到盒子顶部中间的箭头。

如何使箭头成为顶部，但是25％（从左侧）而不是中间？

Answer 1

.arrow_box::before {
border-bottom-color: #C2E1F5;
border-width: 36px;
left: 25%;
margin-left: -36px;
}

.arrow_box::after {
border-bottom-color: #88B7D5;
border-width: 30px;
left: 25%;
margin-left: -30px;
}