Как да направите снимка със стрелка

Ако са необходими сенки, тогава е напълно възможно да ги внедрите в CSS3, не си направих труда. Е, решението е само за едноцветен фон.

И за какво, извинете, имате ли нужда от това хеморагично?

Изпълнява се просто - изрежете снимка с бял пълнеж и изрязан триъгълник и я поставете върху снимката. Има и опция чрез svg-маската, но се страхувам, че ще ви бъде твърде трудно, така че е по-добре да го направите по този начин.

Аз също страдах дълго време, но стигнах до едно решение. Създайте допълнителен DIV .arrow-bot-green width: 0; височина: 0; фон: прозрачен; border-left: плътни 10px #fff; border-right: solid 10px #fff; горна граница: плътни 10px прозрачни; border-bottom: solid 10px #fff; позиция: относителна; отгоре: -10px; ляво: 20px; >

.arrow-bot-green::before width: 20px; височина: 10px; съдържание: ''; отгоре: -10px; дясно: 10px; цвят на фона: #fff; позиция: абсолютна; >

.arrow-bot-green::after width: 490px; // Направете максимума за цялата снимка. И в самия div поставете overflow-x height: 10px; съдържание: ''; отгоре: -10px; ляво: 10px; цвят на фона: #fff; позиция: абсолютна; >

---