Blur, Make Transparent or Totally Hide Your Content

Create interest to your content via overlay effects. The plugin allows you to choose how the locked content has to be displayed: completely hidden or partly visible (transparent or blurred). The blurring works in all browsers except IE 10-11 (In IE 10-10, the transparency mode will be applied).

Anna Ros Rovira

“Great for enticing people to share your posts in exchange of some extra content.”

Anna Ros Rovira – local expert, tourguide – @foreverbarcelon

Below an example of locking a long piece of text by using the blurring effect.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed efficitur eu libero et tincidunt. Curabitur imperdiet eleifend nulla sed accumsan. Cras id quam lacus. In quis sem id sapien aliquam scelerisque in quis nisl.

Mauris pellentesque nisi vel vulputate dapibus. Quisque et posuere dui. Cras nec purus est. Donec id lorem facilisis est consectetur tristique sit amet vel velit. Vestibulum eu elementum nisl. Phasellus volutpat mattis libero, id aliquet ipsum porta sed. Vestibulum lobortis, neque ut posuere ultrices, odio mi egestas tellus, tempus dictum tortor nisi vitae nisl.

Proin dignissim metus ut blandit malesuada. Mauris interdum ut sapien sit amet ultrices. Etiam non tincidunt mauris. Aliquam at congue enim. Morbi semper dui a odio accumsan, vitae semper diam ornare. Curabitur laoreet enim quis nulla consequat, id euismod ex aliquet. Pellentesque egestas ac arcu eu sagittis. Praesent rutrum et erat sit amet dignissim.

Aliquam erat volutpat. Donec placerat, enim sit amet gravida volutpat, justo mauris sollicitudin odio, tincidunt posuere lectus ligula non mauris. Vivamus dapibus felis ut dolor semper semper. Fusce pretium sem nec congue luctus. Vestibulum posuere, lorem vitae pretium elementum, lorem velit eleifend elit, sed dapibus leo lacus ac ante. Vestibulum sodales, magna a egestas luctus, nisl arcu condimentum augue, ut imperdiet mauris orci ut tellus. Pellentesque tincidunt turpis vitae elit ullamcorper, non ullamcorper libero semper. Vestibulum non nisi pretium, feugiat neque et, maximus velit. Nullam faucibus convallis quam nec placerat. Ut ornare velit massa, faucibus auctor eros viverra eu. Sed cursus metus neque, vel tristique libero posuere non. Curabitur quis quam vel purus semper vulputate. Praesent enim eros, sollicitudin at condimentum vel, malesuada accumsan est. Ut tristique at ex a semper.

Sed sagittis, diam nec hendrerit commodo, dui orci sodales arcu, non lacinia purus metus a diam. Curabitur faucibus mi dui, id blandit lacus tempor a. Mauris finibus odio in nunc scelerisque aliquet. Sed eleifend venenatis sapien quis ullamcorper. Curabitur cursus mollis tristique. Fusce non sapien quis ex ornare hendrerit.

Maecenas porta magna a sem tincidunt rhoncus. Integer placerat, elit eget rhoncus aliquet, quam nulla elementum tortor, vestibulum mattis sem purus et magna. Morbi hendrerit at velit vel tempor.

Integer sed pretium nisi, ac pulvinar magna. Curabitur lorem metus, efficitur et gravida quis, viverra id purus. Phasellus iaculis pretium augue, at consectetur lorem. Vestibulum tincidunt tellus velit. Etiam egestas, eros ac imperdiet interdum, arcu tellus venenatis erat, at ultrices velit nisi a magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vel sapien rhoncus, pharetra neque ut, facilisis sem.

Vivamus a nunc sed mauris vulputate rhoncus at ac erat. Nulla eget nibh ligula. Nulla et nisi sit amet nibh volutpat lobortis. Aliquam sodales nulla ac neque rhoncus, in facilisis metus consequat. Sed euismod, nunc at aliquet ultrices, sem odio vulputate augue, eu egestas nulla nisi vitae velit. Donec quis elit eget sem bibendum sollicitudin. Suspendisse accumsan quis libero a malesuada. Aenean condimentum luctus felis eu laoreet.