Все мы знаем, что активные элементы страницы должны менять свои стили при различных состояниях: focus, hover, pressed, disabled. Но как сделать так, чтобы эти состояния были интуитивно понятны пользователю? Как визуально выделить интерактивные зоны на странице, чтобы пользователь понимал, куда можно нажимать? Какие инструменты есть в современном CSS, которые позволят решить нам эти задачи максимально эффективно? Во всём этом мы попытаемся разобраться, без использования Photoshop и звонков коллеге-дизайнеру.