JSFiddle - React, Tailwind, and code Playground

by Nikhil krishnan

HTML

<div class="oblacek-hold">
  <img class="oblacek" src="https://jsfiddle.net/img/logo.png" alt="">
</div>

CSS

.oblacek-hold{
  border: solid 1px #ccc;
  padding: 5px;
}
.oblacek-hold:hover .oblacek {
    -webkit-filter: blur(10px) opacity(100%);
    -o-filter: blur(10px) opacity(100%);
    -ms-filter: blur(10px) opacity(100%);
    filter: blur(10px) opacity(100%);
}
.oblacek:hover {
    -webkit-filter: blur(0px) opacity(100%) !important;
    -o-filter: blur(0px) opacity(100%) !important;
    -ms-filter: blur(0px) opacity(100%) !important;
    filter: blur(0px) opacity(100%) !important;
}