JSFiddle - React, Tailwind, and code Playground

by holden321

HTML

<div class="postid">
    <div class="p-block">
         <h2>Some Header</h2> 
        <p>Some text</p>
    </div>
</div>

CSS

.postid {
    height:240px;
    width:160px;
    margin:-10px 5px 0;
    background-color:#CCDCE7;
    float:left;
}
.p-block {
    height:230px;
    width:150px;
    padding:5px;
    background: rgba(0, 0, 8, 0.5);
}

JavaScript

$(".postid").hover(
    function () {
        $(".p-block").stop().fadeIn(100);
    },
    function () {
        $(".p-block").stop().fadeOut(500);
});