JSFiddle - React, Tailwind, and code Playground

by KARTHIKEYAN K

HTML

<body>
<div>
<div class="objects">
 <div class="obj obj-01"><img src='https://pbs.twimg.com/profile_images/601645996360138752/JXX6TiZa_400x400.png'></div>

 <div class="obj obj-02"><img src='https://pbs.twimg.com/profile_images/601645996360138752/JXX6TiZa_400x400.png'></div>

 <div class="obj obj-03"><img src='https://pbs.twimg.com/profile_images/601645996360138752/JXX6TiZa_400x400.png'></div>

 <div class="obj obj-04"><img src='https://pbs.twimg.com/profile_images/601645996360138752/JXX6TiZa_400x400.png'></div>

 <div class="obj obj-05"><img src='https://pbs.twimg.com/profile_images/601645996360138752/JXX6TiZa_400x400.png'></div>
</div>
     </div>
     </body>

CSS

body {
    background-color: #00FFCC;
} 
div img {
    border-radius:15px;
    max-width: 100px;
    max-height: 100px;
}
.obj { width:100px; height:100px; margin:10px; padding: 5px;
}
.objects div { float:left; }

JavaScript

$(document).ready(function(){
    $('.obj').one('click', function() {
        $(this).unbind('click');
        $(this).fadeOut('slow');
        return false;
    })
});