Category: background-image

Slice Revealer

Today we’d like to share a simple reveal animation with you that is mainly inspired by Zhenya Rynzhuk’s transition experiments and Gil Huybrecht’s “Boardathon” Dribbble shot. The idea is to cover and uncover an image with slices to either hide or show it. The slices can be vertical or ho...

Focusing a `background-image` on a Precise Location with Percentages

Let’s say you have an element with a background-image, where only part of the image is visible, because the image is bigger than the element itself. The rest is cropped away, outside the element. Now you want to move that background-image such that you’re focusing the center of the element on a specific poi...