@vlad1552333

Как создать такую форму элемента?

5c1b63aaeabc0270627341.png

Важно что бы фон входил в выпирающую область.
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ответы на вопрос 4
Поиграйся с настройками только
.elem{
  width: 50px;
  height:50px;
  position: absolute;
  z-index: -1;
  width: 240px;
  height: 240px;
  background-image: url('yaga.jpg') ;
  transform: scale(1.5,0.26) rotate(45deg);
  border-bottom-left-radius: 350px;
  border-top-right-radius: 350px;
  border-top-left-radius: 250px;
  left: 100px;
}


Информацию можно тут найти : https://html5book.ru/nestandartnye-bloki-na-sayte/
Ответ написан
@shure348
как говорят выше clip-path или mask
по сылке ниже приведены все варианты использования этой технологии
можно открыть в разных браузерах и посмотреть как срабатывает
внизу страницы написаны рабочие кроссбраузерные варианты
https://lab.iamvdo.me/css-svg-masks/
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы