Skip to main content

Can you use popups to “soft” gate a piece of content?


For example: Halfway through a guide, readers see a popup request to provide more info to read the rest?


I know how to build popups that are delayed by time/scroll, but I’m not sure how to build one so it blurs out or fades the on-page content.

Did something kind of similar to this, where on mouseover of a form it blurred and greyscaled the background.

The “active ingredient” to that particular code was something like this…


$(this).siblings().css("filter", "blur(1px) grayscale(1)");
$(this).siblings().css("-webkit-filter", "blur(1px) grayscale(1)");

Reply