Создание фигур div с помощью CSS, таких как стрелка ⇐ CSS

[Anonymous]

как я могу создать такие формы, как эти [прямоугольная с треугольной стороной][1] и [восьмиугольная форма][2] css белого попутного ветра?
на данный момент мне удалось создать div :

Код: Выделить всё

                      styles.TrainanguleDiv)}>

и в классе CSS у меня есть:

Код: Выделить всё

.TrainanguleDiv {
box-sizing: content-box;
position: relative;
background: #6666ff;
border: 1px solid white;
}
.TrainanguleDiv:after {
content: '';
position: absolute;
left: 100%;
bottom: 0px;
width: 0;
height: 0;
border-left: 8px solid #6666ff;
border-top: 15px solid white;
border-bottom: 13px solid white;
}

это не [то, что я ищу][3]
не могли бы вы мне помочь
поздравляю

Подробнее здесь: https://stackoverflow.com/questions/759 ... e-an-arrow