http://codepen.io/A16/pen/yMYMYa

вот смотрите

vertical-align: middle не помогает

почитай об этом свойвстве вообще) многих оно вводит в заблуждение

почитай об этом свойвстве вообще) многих оно вводит в заблуждение

display: table-cell; надо

display: table-cell; надо

display: flex; justify-content: space-between; align-items: center;

для все того же header

вай, спасибо тебе, я ставил не на тот селектор

парни, через запятую для нулей нужен постфикс "s"

transition-delay: 0, 0, 1s;

http://htmlbook.ru/css/transition-delay можно опускать еще 0, если у тебя десятые/сотые и так далее доли

ну окей

но смотри в чем прикол

ща на кодепен скину

ака .5s = 0.5s

@baget322 http://codepen.io/egorea1999/pen/pejeRN

я не про это

я за онли "0"

разница только в этой строке >transition-delay: 0s, 2s;

но работают по-разному

а в книге написано с обычным нулем

без "s"

можно и без

как это можно:?

ты глянь поведение

они по-разному работают

transition-property: color, background; transition-duration: 0, 0; transition-delay: 0, 0; ну ты просто отрубаешь и все грубо говоря

все работает

так ты последовательность смотри

с отрубом это и так понятно

а я за мой пример

вижу

ну вот..

ну значит с s

в книге опечатка?

ну не походу там имеется в виду

вот у тебя есть 2 параметра цвет и бг

в смысле не? А почему тогда работает неверно?

если поставить просто 0, то вообще никакой задержки в анимации не будет

она полностью упадет для остальных параметров

@baget322 http://codepen.io/egorea1999/pen/pejeRN

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

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

енто я то понял)

подскажите, как лучше сделать. Есть селект, в нем может быть около 1к элементов. Часть из них может быть сгруппирована. Что можно исполльзовать для более удобного использования?

енто я то понял)

лан, забей, в книге опечатка

лан, забей, в книге опечатка

нет)

нет)

в смысле нет?

ну а что тогда?

у тебя duration - это что?

это время анимации

то есть длительность конкретно, верно?

то есть длительность конкретно, верно?

да..

да..

а второе - delay?

задержка?

да, это задержка

перед анимацией

после того как пройдет delay - идет анимация

так вот у тебя 2 параметра и для них два свойства duration и delay

в книге написано грубо говоря на твоем примере так duration: 1s, 1s; delay: 0, 1s;

соответственно для color и bg

лан, забей, в книге опечатка

слушай дядьку, он всегда дело говорит

в итоге ты просто ремувишь delay для color

Но в итоге ремувится для всего

понимаешь?

нет

Да

ERROR: S client not available

сейчас сделаю тебе пример

bg сразу срабатывает

и без задержки в 2 секунды

и без задержки в 2 секунды

https://drafts.csswg.org/css-values-3/#time

>If the value is outside the allowed range, the declaration is invalid and must be ignored.

ну типа если 0 сунешь, вместо 0s

это баг браузеров короче раньше был что при 0s они не отрабатывали только мозилла корректно хавала стандарты с нулевым значением сейчас же по стандарту таки делают все браузеры то есть да, видимо в учебнике опечатка кстати какой год издания? https://developer.mozilla.org/en-US/docs/Web/CSS/time

то получишь невалидное свойство?

то получишь невалидное свойство?

угу при 0

ну вот, я был прав

сек

при 0s валид

ща скажу какого года учебник

2016 год

лоооол?

+

эта хуета 4 года назад была

в этом учебнике дохуя опечаток :/

зачем вы вообще читаете какие то книги по css/html?

бля, ну знаешь, я так не могу нормально работать, пока не прочитаю пару книг

я там понимаю статейку про grid почитать или новый хак clear

но не более того же)

там это тоже все будет

бля, ну знаешь, я так не могу нормально работать, пока не прочитаю пару книг

так ты читай htmlbook

скучно

там все ок

htmlbook

а дизайн с 2007 года

webref.ru

и примеры такие себе

вот тебе новый дизайн