JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Наведите на меня</h1>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

CSS

div,h1 {opacity:0.3; cursor:pointer;}
div {width:100px;
    height:100px;
    background:#0F0;
    border: 5px #FFF solid;
    float:left;
}

JavaScript

// Реализация плагина: 
$.fn.iconHover = function () { 
  return $(this).hover( 
      function(){$(this).stop().fadeTo("fast",1)}, 
      function(){$(this).stop().fadeTo("slow", 0.3)} 
  ); 
} 
// Пример использования плагина: 
$("div").iconHover(); 
$("h1").iconHover();