Telegram-like анимированный placeholder для HTML-инпутов

[middle]

Симпатично. Но атрибут data-placeholder лучше устанавливать через метод .data, а не в HTML-коде. Что, если this.placeholder содержит всякие нехорошие символы?

[rinat_crone]

Свежий Сафари на Маке – никакой анимации не вижу, к сожалению.

[knitevision1]

Хм. Это 9 сафари и El Captain? Чекнул в browserstack, всё ок. Там по-моему нечему ломаться, кроме флексбокса, и, может быть attr в css.

[rinat_crone]

8.0.8 на Yosemite. Мне смысла Вас обманывать нет никакого, анимации действительно нет :)

[SerDIDG]

Всё куда проще — caniuse.com/#feat=transforms2d, в 8 сафари трансформ с префиксом работает ещё.

PS. Так же нет анимации на Safari 8.0.8.

[Kicker]

как я вам завидую, когда есть время заниматься «всякой фигней»)

[orcy]

Не хватает гифки вначале чтобы понимать чего же хочется достичь, для тех кто никогда не видел Telegram.

[PaulZi]

Мне больше нравится такой подход: codepen.io/anon/pen/xwKORw
Когда подпись при вводе не исчезает, а смещается наверх. То есть остаётся понятным что это за поле, даже когда оно заполнено.

[olegi]

в я.браузере тоже не работает