Efekt on hover na karcie produktu

Witam serdecznie. Wie ktoś może jak zaimplementować najlepiej taki efekt jak na załączonym obrazku? Widziałem go kiedyś na kilku stronach e-sklepów, ale jak na złość nie mogę obecnie znaleźć żadnej przykładowej implementacji.

Wykorzystaj pseudoklasę :hover
np. coś takiego spowoduje zmianę obramowania po najechaniu myszką na element klasy jakasKlasa

.jakasKlasa:hover
{
  border: 1px solid black;
}

chcesz i masz:
http://littlesnippets.net/category/snippets/add-to-cart-cards/