Используется CSS hover + transition.
Оранжевые шарики появляются изменяя box-shadow's на div'e с картинкой.
Текст сидит там с самого начала и появляется посредством изменения scale(0) на scale(1).

PS: У Chrome'a есть отличная функция right click + inspect element, где можно форсить hover state на элементе и смотреть что и как изменилось.

Порылся в sourcecode Тостера. Если кому интересно, они используют следущее:
www.jacklmoore.com/autosize

А почему не сделать как в оригинале? там просто разные маски на разных уровнях же. Наделайте новых под новый сайт и все - мин 10 работы в ФШ.

Если вы видели jqueryui.com/themeroller и вам не понравилось, то все же придется смириться.