Комментарии 9
Симпатично. Но атрибут
data-placeholder лучше устанавливать через метод .data, а не в HTML-коде. Что, если this.placeholder содержит всякие нехорошие символы?
Свежий Сафари на Маке – никакой анимации не вижу, к сожалению.
Хм. Это 9 сафари и El Captain? Чекнул в browserstack, всё ок. Там по-моему нечему ломаться, кроме флексбокса, и, может быть attr в css.
8.0.8 на Yosemite. Мне смысла Вас обманывать нет никакого, анимации действительно нет :)
Всё куда проще — caniuse.com/#feat=transforms2d, в 8 сафари трансформ с префиксом работает ещё.
PS. Так же нет анимации на Safari 8.0.8.
PS. Так же нет анимации на Safari 8.0.8.
как я вам завидую, когда есть время заниматься «всякой фигней»)
Не хватает гифки вначале чтобы понимать чего же хочется достичь, для тех кто никогда не видел Telegram.
Мне больше нравится такой подход: codepen.io/anon/pen/xwKORw
Когда подпись при вводе не исчезает, а смещается наверх. То есть остаётся понятным что это за поле, даже когда оно заполнено.
Когда подпись при вводе не исчезает, а смещается наверх. То есть остаётся понятным что это за поле, даже когда оно заполнено.
в я.браузере тоже не работает
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Telegram-like анимированный placeholder для HTML-инпутов