Image hover effect plugin have a functionality to apply square hover effects. Follow Below steps to apply sqaure effects on posts, pages and custom post type :
Step 1Go to General settings page of the plugin.
Step 2Scroll down to any post and page type section.
Step 3and click on Change Effect.(see below image)
change-effects
Step 4Now Effects Gallery page will be open and click on Apply Here link in Square effects.
apply-square-effect
Step 5Select post types for which you want to apply this effect. Here you can make changes of width, height, opacity, animation speed and display text position.
quick-update-effecets
Step 6 At the end click on Save Settings button to apply changes.
Now you’ll see applied Square effects display on your image.

square-hover-effect

Video Tutorial