Skip to content

Instantly share code, notes, and snippets.

@abdulbasit-dev
Created May 15, 2024 09:51
Show Gist options
  • Save abdulbasit-dev/ed1e1c2f88c85d8b78ddee4e615e44eb to your computer and use it in GitHub Desktop.
Save abdulbasit-dev/ed1e1c2f88c85d8b78ddee4e615e44eb to your computer and use it in GitHub Desktop.
Toggleable Blur Effect with Click
//html
<div class=" blurOverlay2 pointer " onclick=" toggleBlurOverlay(this);">520052</div>
//css
.blurOverlay2 {
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
-webkit-filter: url(#blur-filter);
filter: url(#blur-filter);
-webkit-filter: blur(3px);
filter: blur(3px);
}
//js
function toggleBlurOverlay(e)
{
if($(e).hasClass('blurOverlay2'))
$(e).removeClass('blurOverlay2');
else
$(e).addClass('blurOverlay2');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment