Подтверждение действия через удержание!

Обычный клик может быть слишком лёгким действием для потенциально опасных операций. В интерфейсах гораздо надёжнее требовать осознанного удержания, а не мгновенного нажатия.

Как работает:

• :active используется как источник состояния, он существует ровно столько, сколько пользователь удерживает кнопку;

• прогресс визуализируется через transform: scaleX, без изменения размеров;

• длительность подтверждения задаётся одной строкой transition;

• при отпускании кнопки состояние автоматически сбрасывается.

Приём отлично подходит для админских интерфейсов и сценариев, где важно снизить риск случайного клика, не усложняя код.

Code Ready | #фишка