[melky]

Хочу переделать,так чтоб стрелка стартовала не сверху, а снизу.

надо добавить transform:rotate(1rad) в селектор .arrow

вообще лучше было бы запускаемый пример на jsbin.com , а то вслепую подсказывать трудновато