Create a CSS Grid Image Gallery (With Blur Effect and Interaction Media Queries)
tuts+ -

In this tutorial we’re going to take a bunch of ordinary thumbnail links and turn them into a responsive CSS grid gallery with a blurred hover effect. We’ll also use a great CSS trick to make sure touch screen users don’t miss out!

Here’s what we’ll be creating:

A Little Background

Recently, Rachel McCollin wrote a tutorial explaining how to add a gallery of thumbnail links in WordPress themes. WordPress

Create a WordPress Image Gallery: Code the Plugin

Rachel McCollinThe links act as...

Read this story at


Related Articles