css fadeout 1

by hhcofcmds

HTML

<div class="x">
    hello world
</div>

CSS

.x {
    border: 1px solid black;
    width: 256px;
    height: 256px;
    padding-top: 120px;
    text-align: center;
    box-sizing: border-box;
        opacity: 1;
        transform: scale(1);
    -webkit-transition: all 300ms;
}

.x.fade {
        opacity: 0;
        transform: scale(0);
}

JavaScript

$(".x").click(function() {
        $(".x").toggleClass("fade");
        $(".x").text($(".x").text());// force paint
   });