Как сделать подобную стрелку на сайте?

Question

[Demon101k]

Здравствуйте! Подскажите, можно ли сделать подобную стрелку средствами css? Знаю только вариант использовать как изображение, но хотелось бы избежать этого.

Answer 1

[RTW]

Доделал стрелку . Shadow
codepen.io/RTW/pen/bgVero

Comments

[Demon101k]

Я пробовал подобное решение. Проблема в том, что в нижнем правом углу есть закругление на исходнике, я тут получается ровная линия...

[RTW]

Demon101k: Ну вот немного доделал велосипед codepen.io/RTW/pen/MJajvW

[Demon101k]

хм... довольно интересно, пугает только огромное количество div`ов)) Буду копать в сторону svg пока

[RTW]

Ну можешь в Sketch попробовать, чтобы руками всё не набивать или альтернативу подобную

[Demon101k]

само собой) Спасибо за помощь!

Answer 2

[Андрей Федоров]

codepen.io/aliencash/pen/egpgzL
тени и градиенты сложновато будет одним div сделать...

Comments

[Demon101k]

Ого, вот это потрясающее решение! Спасибо!

Answer 3

[zooks]

Довольно сложная стрелка с закруглениями.
Я бы использовал SVG.