Трансформации CSS3 с использованием :active
Нажмите на прямоугольнике ниже и удерживайте нажатой кнопку мыши. Попробуйте удерживать кнопку мыши нажатой в течении разного времени.
JavaScript не используется. Для анимации ширины и высоты прямоугольника задействован псевдо-класс CSS :active
.