transform: skewY(-10deg) (значение подберите сами)
<div class="▌">красный текст</div>.▌ {color: red;}
display: inline-block; добавляет после каждого такого блока пробел 3-4px (в зависимости от браузера). margin-right: -3px - этот отрицательный отступ компенсирует те 3 пикселя, которые появляются. НО! В разных масштабах и в разных браузерах изначальный отступ в 3px может выглядеть шире/уже на пару пикселей и в итоге получим либо наезды блоков друг на друга, либо тот же самый перенос</div><div> - в этом случае отступов не будет</div> <div> - даже один символ отступа или переноса строки нарушит "хрупкое равновесие"
class="klikni_po_mne_dvazhdy"
class="klikni-po-mne-dvazhdy"class="video_player---buttons---play_button"
#x, что ни пишите в классовом селекторе .y, если он подтягивает стили от id-селектора, то они возьмут верх над классовым селектором. Никакие элементы не должны иметь приоритет над другими. Так удобнее редактировать стили.
$("#slide01").css("display", "none");
$(window).scroll(function(){
if ($("body").scrollTop() > 0) { //если страница прокручена
$("#slide01").fadeIn(2000); //выводим блок
} else {//иначе
$("#slide01").fadeOut(2000); //прячем блок
}
});<link> и <script>, прописывая свои значения, например, для стилей папку css/, для скриптов js/ и т.д.
if (устройство = мобильник) {не делать ничего} else {считать параллакс}