Подсветка изображений - Вопросы по CSS

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

также для рамки там же смотрите outline - рамка добавится без изменения размеров блока с картинкой
или вдруг нужна рамка с закруглением, тогда нужен border, НО если просто добавлять border при наведении, то картинка будет прыгать, тут такая фишка - сначала рисуем border в цвет фона (т.е. рамку не видно), потом по событию :hover перекрашиваем border в нужный цвет
но лучше картинку декорировать через box-shadow, всяко вкуснее!