Задать вопрос
@Alice777
html

Как сверстать угол у картинки?

Есть картинка(на весь экран). нижнюю часть картинки нужно обрезать треугольником. Угол которого смотрит вниз. c1e77964871c493fa02b1503aa16d9a2.png
  • Вопрос задан
  • 182 просмотра
1 комментарий
Подписаться 1 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@svetlov97
Используй :after и :before. Вот пример
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Миллиард ссылок только на тостере:
Тостер
гугля
яндекс
даже мать его yahoo
Ответ написан
Комментировать
Комментировать
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
1) https://www.google.ru/search?q=css+clip+path&oq=cs...
2) Псевдоэлементы, из 2х треугольников
3) Белая картинка поверх(png, svg)
4) Само изображение обрезать

Не уж-то не 1 из способов не пришёл вам на ум?
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии