Как сделать такой элемент в верстке?

5f7c54a48e135521157558.jpeg
  • Вопрос задан
  • 464 просмотра
Решения вопроса 5
@ArtJH
Ответ написан
Комментировать
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
Руководитель frontend направления, предприниматель
Абсолютное позиционирование + clip-path либо svg-графика\-маска.
Ответ написан
Комментировать
exorka
@exorka
Программист, админ, радиолюбитель
У контейнера картинки ставите position:relative
У маркера внутри контейнера position:absolute
И выравниваете к примеру направо и вверх right:0px; top:0px;
Все
Ответ написан
Комментировать
alsolovyev
@alsolovyev
Синий блок position: absolute очевидно, а уголки у него снизу псевдоэлементами и transform: skew(Ndeg)
где N нужный Вам размер уголка

https://jsfiddle.net/n9aykj8L/
Ответ написан
Комментировать
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
С помощью linear-gradient
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@anton99zel
29а класс средней школы №7
border:20px solid grey;
))
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы