JSFiddle - React, Tailwind, and code Playground

by Bayu_Handono

HTML

<button class="fadeout">Fade Out</button>
      <button class="fadein">Fade In</button>
      <button class="fadeto3">Fade To 0.3</button><br>
<div id="test">Bebaskanlah Bung !!!</div>

CSS

#test {
            width: 250px;
            height: 180px;
            background: yellow;
            border: 2px solid green;

JavaScript

$(document).ready(function() {
            $(".fadeout").click(function() {
                $("#test").fadeOut("slow");
            });
            $(".fadein").click(function() {
                $("#test").fadeIn("slow");
            });
            $(".fadeto3").click(function() {
                $("#test").fadeTo("slow", 0.3);
            });           
        });