Как сделать такую стрелку?

Question

[Erling]

Было бы проще вырезать и спозиционировать где нужно, но все-таки хочется узнать как сделать такую стрелочку с белой обводкой вниз. (горизонтальная белая линия не интересует, её сделал обычным бордером.

Answer 1

[Котик Антон]

Треугольник на CSS с белой непрозрачной тенью через псевдоэлемент :before.

Answer 2

[Aleksandr]

Используйте псевдоэлементы :after:before
https://jsfiddle.net/ahfgkw3x/

Answer 3

[Артем Менченя]

Вот здесь: apps.eky.hk/css-triangle-generator есть генератор для треугольника.
Цвет у треугольника делаем прозрачным, и выводим тень необходимого цвета.

Answer 4

[Максим Митрущенков]

Здравствуйте, вот накидал по вашему примеру.