Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

Дмитрий Грабко, я уже проверил, это из-за того что гора вкладок открыто и тупит, в ie протестил и все плавно.

Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

Да, точно это браузер тупит так ) мозила. Вкладок гора открыто.

Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

Кстати в ie норм, это может из-за того что в браузере много вкладок открыто! в ie тестанул все ок, значит применяю этот способ.

Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

Скорее всего у тебя обычный монитор и не видно, у меня с матрицей isp вроде так.

Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

Вадим, не чет не помогло, https://codepen.io/AXOT/pen/oNMdNeK

Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

Вадим, видно, там такие подергивания мелкие. как вибрация

Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

size плохо, картинка дергается.

Background картинка, приближается и отдаляется медленно, анимация, как правильно сделать?

спасибо и плавно ходит, отлично

Как запретить ввод в поле списка selectize.js?

Вот еще такой метод есть:

$('#probeg-selectized').attr('disabled', 'disabled');

Тут вставил:
https://codepen.io/AXOT/pen/RwBQrJe

Как запретить ввод в поле списка selectize.js?

var prevSetup = Selectize.prototype.setup;
Selectize.prototype.setup = function() {
prevSetup.call(this);
this.$control_input.prop('readonly', true);
};

Как в selectize, отключить ввод текста, просто сделать выбор?

Есть еще такая штука, но это костыль, как отключать поле поиск пока не ясно.

var prevSetup = Selectize.prototype.setup;
     Selectize.prototype.setup = function() {
       prevSetup.call(this);
       this.$control_input.prop('readonly', true);
     };

Как в selectize, отключить ввод текста, просто сделать выбор?

Есть вариант так сделать, но это типа скрывает как бы курсор, не выделяет цветом, вообщем это не есть хорошо, потом не видно плейсхолдер.

.selectize-input input {
  color: transparent !important;
}

Как стилизовать selectize?

Кстати да работает.

Если обернуть селект в див, и потом делать типа. То работает, так мы для отдельного selectize задали свои стили.

.tttttt .selectize-input {
width:170px;
}
.tttttt .selectize-input {
  padding: 7px 15px 7px 15px;
  border-radius: 90px;
  border: 1px solid #F0F0F0;
  height: auto;
}
.tttttt .selectize-input input {
  color: transparent !important;
}
.tttttt .selectize-control.single .selectize-input.input-active {
  background: #F0F0F0;
  cursor: default;
  color: #83796F;
  border: 1px solid #F0F0F0;
}

Как в selectize, отключить ввод текста, просто сделать выбор?

Александр, так я хочу его полностью отключить.

Как в selectize, отключить ввод текста, просто сделать выбор?

Александр, да, это я подписывал, если false ставлю, не отключает.

Как запретить ввод в поле списка selectize.js?

Тож так хочу сделать, ищу метод, сделаю, отпишусь.

Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

Сергей delphinpro, вот тебе делать нечего, перечитай что я написал, проведи личный опыт, и поймешь, я пришел к этому сам, что название классов для меня не имеет значение, я не стал подробно разбирать и приводить примеры, чтобы было понятно. Хотя я выше привел пример, где можно использовать один класс, не пихать в дивы, и теги разные.

Вот это часть мне больше подходит, всегда считал, что я ничтожество и еще многое надо изучать и запоминать.

(Высококвалифицированные люди, наоборот, склонны занижать оценку своих способностей и страдать от недостаточной уверенности в своих силах, считая других более компетентными. Таким образом, менее компетентные люди в целом имеют более высокое мнение о собственных способностях, чем это свойственно людям компетентным (которые к тому же склонны предполагать, что окружающие оценивают их способности так же низко, как и они сами). Также обладатели высокого уровня квалификации ошибочно полагают, что задачи, лёгкие для них, так же легки и для других людей)

Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

Сергей delphinpro, давно так пишу. Уровень позволяет понимать и без описания класса.
Зачастую я применяю типа так, .m77, это маргин 70px верх, 70px вниз, или p60, padding 60 0 0 0.
Бывает так все где спереди v, верх начало сайта, все где c, центр, ну и b. это где первая буква, но так не везде. Ну или glnews, gl главная, стили для новостей которые вывожу на главной.

Ни когда не вникал что написано, логично когда я что-то ищу, то я знаю что, то я знаю название класса уже, в брайзере можно смотреть на элемент, правой кнопкой мыши, какие классы у элемента, и уже находишь в css, и все.
Я вообще ни когда не вчитывался, что там за название класса и о чем оно говорит ), я сразу лез ближе к делу, смотрел стили.

Ну я мыслю значит чуть по другому, даж если код с нуля смотрю или кому-то помогаю, не везде код ровный и можно запутаться, ну, а для кого придумали вложения, свернул и посмотрел.

Ни разу имя класса мне не пригодилось и не помогло в чем-то.
Когда видишь код, нашел нужные блоки, то без названия классов, понимаешь, что тут и к чему.
Я пришел к этому пониманию с опытом. Так что я считаю так, для кого важное название класса, тот еще не дошел до этого уровня. Это не говорит об его знаниях, он может и много знать, когда много работаешь, то понимаешь как можно быстрее понимать и разбирать что либо и приходишь к более короткому пути. Бывает делает такое, что описать можно в 15-30 символов, так зачем такой класс, все мы знаем, что поисковые системы любят когда когда меньше, а текста больше.

А что насчет более современной верстки, где можно классы почти не использовать, а ловить дивы и другие предметы через >div>a и т.д, nth-child, last-child и многое другое, я часто это использую и бывает что код выглядит так.

<div class="news">
  <div>
     <div>
        <h2>Заголовок</h2>
        <span>дата</span>
     </div>
     <div>
       <a href="" title="">
          <img src="" alt="" title="" />
        </a>
     </div>
  </div>
<a href="" title="">подробнее </a>
</div>

Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

Уже прочитал (Этот же принцип применим ко всем другим значениям flex-direction, показанных ниже. Значение row-reverse. Вы можете использовать flex-direction: row-reverse, чтобы элементы в ряду отображались в обратном порядке.)

Хорошая штука, тож новое для меня.
Можно было и так поменять местами еще flex: 1;

Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

а я ни когда не выдумываю особо ), пишу что угодно в плане классов, для меня нет смысла в имени ! я и так понимаю, что смотрю.

Понял, переписал на грид. в своем примере. ну и поделил блоки чуть по другому, теперь 1 блок, это 2 блока.
Грид только начал щупать ), по этому еще изучаю.
Спасибо, работает.

Объясните мне суть этого:

.card:nth-child(4n + 4),
  .card:nth-child(4n + 3) {
    flex-direction: row-reverse;
  }