JSFiddle - React, Tailwind, and code Playground

by yusril

HTML

<body>
<div id="kotak">
    Contoh 1
    </div><br />
    <div id="kotak-hover">
    Contoh hover
</div>
    </body>

CSS

body {padding:15px;background:#ddd;}
#kotak {width:80px; height:50px; background:#000000; border:1px inset #fff; box-shadow:0 0 3px #000;padding:3px;color:white;}
#kotak-hover {width:80px; height:50px; background:#000000; border:1px inset #fff; box-shadow:0 0 3px #000;padding:3px;color:white;}
#kotak-hover:hover {width:80px; height:50px; background:#fff; border:1px inset #fff; box-shadow:0 0 3px #000;padding:3px;color:#000;}