Недавно в проекте - лендинге моего произведения - захотел применить анимацию набора текста. Такой эффект – не новое в веб дизайне. И решений этой задачи в интернете можно найти кучу. Конечно я не стал долго думать – нашел на одном из форумов глобальной сети кой какой код. Но как всегда пришлось немного дорабатывать. В итоге – сделал универсальную функцию на нативном JS. Для большей правдоподобности добавил курсор как псевдоэлемент ( ::after ) и применил к нему анимацию изменения прозрачности ( opacity )...

Второй пост будет про кастомизацию обычного чекбокса на CSS. Без JS, изображений и прочего говна. Простой и лаконичный код. Будет использоваться label, в который вложены: input, span и текст. Наш span и будет имитировать сам чекбокс, в то время как псевдоэлемент :after будет имитировать галочку чекбокса...