Расширяемые пункты меню с помощью CSS3

Существует новый стиль реализации меню, который я вижу на стильных веб-сайтах: расширяемые пункты меню. Вы можете увидеть демонстрацию на g4interactive.com

Стабильное меню выглядит как вертикальный список изображений:

Когда вы наводите курсор на любое из них, пункт меню расширяется с помощью трюков CSS3 до:

Можете ли вы указать мне учебник, где объясняется подобный эффект? Если нет, то «дорожной карты» из 2-3 предложений о том, как это реализовать, будет достаточно. Заранее спасибо.