Михаил Чирский

Ребята, что вы тут развели, человек задал вопрос, можно наложить градиент на тег img?
На CSS нельзя так сделать, т.к псевдоклассы ::after, ::before не работают.

У вас все равно скрипт не правильно работает, т.к картинка 1600, а у вас 1100 прибавляется, ну в данном случае лучше отказаться от JS

.buttonSection
{
background-size: cover;
height: 100%;
max-height: 1000px;
}

Cover - растянет картинку на всю ширину, а высота макс. даст тот же эффект что и с вашим скриптом

habrahabr.ru/post/126207
если не поможет
www.w3schools.com/css/css3_2dtransforms.asp

css3clickchart.com/#skew-transform

У вас событие onclick, оно не перебивает случайно?

Обычно serialize() в форме делает это за вас, а в AJAX просто передаете serialize в качестве параметров

Как то так, вместо disabled, делаете что хотите прячете, или удаляете и добавляете динамически, ну суть такая, если вас правильно понял.
jsfiddle.net/Lkkd0kfv

Можно например так, не зная ширины
jsfiddle.net/cr1j431v/1
еще можно так:

.form {
left: 50%;
position: absolute;
transform: translateX(-50%);
}

Если нужно в синий или какой то другой, гуглим в сторону filter: hue-rotate
а вот пример на htmlacademy https://htmlacademy.ru/courses/97/run/4

Мне кажется, раньше не было ::after ::before, не поддерживалось подобное везде как сейчас, и потому писали пустые блоки вроде
<div class="clear"></div>
У Сергея Чикуенка даже был вот такой хак chikuyonok.ru/2009/06/float-columns

.clear {
clear:both;
font-size:0;
overflow:hidden; /* тройной презерватив для IE */
}

Со временем пустые дивы заменили на псевдоэлементы, поправьте если я не прав.

Как вариант, запилить ф-цию которая чекает высоту экрана, засунуть ее в resize и добавлять это значение в max-height.

На php проверять, если находитесь на этой странице, то добавить класс .active к примеру

if(url == current_page) {

}

Суть ясна?

В чем собственно проблема?
Если вы знаете CSS и транзишны, то для вас поменять вместо справа/слева на сверху, не должно составить проблем.
в примере что вы кинули выше, просто сдвигается position left и translate у левого блока, сделайте тоже самое ну сверху, в чем проблема, или вы хотите, чтобы за вас сделали?

$(".forms").trigger("reset");
// После закрываете форму
$('.form').hide() // Прячете
$('.form').remove() // Или вовсе удаляете

if (!$('.star-rating').is(':empty')) {
    $('div.star-rating-wrap').append('<div class="empty"></div>');
}

Как то так?

Странный у вас подход конечно, зачем пустой див добавлять, не проще добавить класс, от которого и с CSS проще работать и разметку не засорять пустым div.