HTML ️❤️ TRICKS

Не редко сталкиваюсь с элементами где необходимо изменить только часть фона. Это может быть и размытие на половину картинки и интересные анимационные переходы. В данном трюке покажу, как можно с помощью позиционирования фона применить фильтры, а так же сделать интересную анимацию Смотрим что получилось https://codepen.io/JustRideK/pen/daQBoL Применив смекалку можно получить интересные переходные эффекты или просто насладиться рендером с разными фильтрами. Чтобы получилась "картинка на картинке"...

Бодрящего кофе, друзья! В очередной раз "попало" в поле зрения текстовое поле. Вы когда-нибудь задумывались почему текстовое поле всегда имеет прямоугольную форму и мы никак повлиять на это не можем? - По мне так эту несправедливость надо исправлять :) Что хотим в итоге получить: Изогнутое текстовое поле в которое пользователь может вводить текст. На деле всё гораздо легче, чем кажется. Берём svg элемент и в нём создаём текстовую Ноду с определением пути. Оборачиваем всё это в редактируемый слой и наслаждаемся...

Сегодня мы разберём вариант кастомного placeholder. Часто бывает что в дизайн макетах обязательные поля имеют звёздочку с цветом отличным от цвета текста самой подсказки. Что в итоге мы хотим получить: Штатными средствами браузера покрасить такие звёздочки не является возможным. Но мы можем немного схитрить и подменить placeholder на свой блок, полностью заменяя его. Прежде чем начнём разбираться что тут и как происходит, посмотрим на пример: https://codepen.io/JustRideK/pen/pGQYzw Для начала разберём html разметку 1...