CSS Image Split with content reveal
This is a small custom gallery using CSS transitions to split images, it is responsive but for the moment it works best with a Square aspect ratio on the images.
The reason for this is to be able to use the images as content on the HTML, and not having to deal with them as backgrounds. In the near future I will be adding the option to use the images in that way, but for right now, I hope you find this helpful.
The gallery works mostly just changing CSS class names, and it has a pre-loaded list of features to render different effects on the elements, as well as different directions for the animations. It also has the option to mask the effects so the images are hidden after the split.
This are just some samples of what you can do, to see the complete demo and download the code you can click on the link below.