Задать вопрос
thisishappi
@thisishappi
Верстальщик=)
html

Как сверстать параметр наложения: multiply?

Добрый день.
Есть макеты , в которых некоторые параметры наложения отличны от normal = muliply(умножение).

756e4fef149146ce9da9b69a9df4f43b.jpg

Каким образом можно сверстать данный элемент?

Левую плашку делал с помощью border.
Так же пробовал вариант через block с transform: skew, но background так же наклоняется.
  • Вопрос задан
  • 411 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Multiply наложение сверстать нельзя. Сливайте в одну картинку.
Ответ написан
Комментировать
Комментировать
@GreatRash
Смотря какие браузеры вам надо поддерживать. Если только новейшие и, допустим, без мобилок, то можно сверстать при помощи SVG и его фильтров. Иначе - картинка, как и советует Денис Инешин
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

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