Амир Алимжанов

Попробуй сетку Bootstrap 4, там на флексах

Пробуй в этом русле. Источник

<div>
  <img src="http://www.imgworlds.com/wp-content/uploads/2015/12/generic.jpg" alt="">
</div>

div {
  width: 550px;
  height: 200px;
  background: #000;
  overflow: hidden;
  border-top-left-radius:80px;
  border-bottom-left-radius: 160px 250px
}

img {
  max-width: 100%;
  max-width: 100%;
}

Еще вариант

Если нужно чтоб он всегда отображался внизу вьюпорта вне зависимости от прокрутки страницы, то ответ выше. Если надо перенести в футер, то лучше добавить в футер еще один номер и отображать его с помощью @media-запросов

Сделай несколько классов с разными background-image и через js подставляй их к блоку или меня в атрибуте style. Но зачем это, для каких целей, скади? Может мы найдем тебе более подходящий способ.

Да, это нормально поведение флекс-элементов. Для переноса flex-wrap, как говорили выше(почти тоже что white-space). min-width тебе в помощь. Прочти для чего нужны flex-basis, flex-grow и flex-shrink(пригодится, если будешь делать липкий футер)

какой-то дикий слайдер

Очень просто)

izotope jquery

Можно просто по ссылке это сделать,

Анимации css

Родителю нужный градус skew, а в него запихать блок с нужным бэкграундом и отрицательным значением skew

Как я понял страница будет как бы разрываться на две части в разные стороны и будет появляться новая? Тогда лучше на js

Для .voronka Display:flex;

menu ul {
list-style: none;
display: flex;
Justify-content: space-around; //или space-beetwin(по вкусу)
}

li задай размер, а ссылке width,height:100%

Можно css :nth-child()
:D

с помощью :before
{
content:'';
position:absolut;
top:0;
right:0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 0;
border-color: transparent #fff transparent transparent;
}

<div class="modal-wrapper">
      <div class="modal-window">
        .........
      </div>
     <div class="overlay"></div>
</div>

<style>
.modal-wrapper {
    position:fixed;
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.7);
    z-index:100;
}

.overlay {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
}

.modal-window {
   width:300px;
   height:500px;
   z-index:2;
}
</style>

ну и дальше JS)
Чтоб при клике на .overlay закрывалось окно