JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<img src="http://cdn.meme.am/images/100x100/6541210.jpg" alt="" class="gallery">
<img src="http://cdn.meme.am/images/100x100/6541210.jpg" alt="" class="gallery">
<img src="http://cdn.meme.am/images/100x100/6541210.jpg" alt="" class="gallery">
<img src="http://cdn.meme.am/images/100x100/6541210.jpg" alt="" class="gallery">

CSS

.gallery.blured{
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

JavaScript

$(".gallery").each(function(){
  $(this).prop("tabindex", 10);
  $(this).on("focus", function(){
    $(".gallery").addClass("blured");
    $(this).removeClass("blured");
  });
  $(this).on("blur", function(){
    $(".gallery").removeClass("blured");
  });
});