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