Here are the 11 styles of widgets to showcase different image hovering effects. These widgets are made purely with CSS. You can learn how to add these widgets in Weebly site and get the complete code here.
Zoom Out Effect
Zoom In Effect
Enlarging Effect
Shrinking Effect
Saturation Effect
Grayscale Effect
Contrast Effect
Brightness Effect
Blur Effect
Inverting Colors
Change Opacity