test entrance effect

by bakhshi

HTML

<div class="main">
    
</div>

<input type="button" class="gen" value='generate'/>

CSS

.main{
    width:500px;
    height:500px;
    border:solid 1px black;
}

.generated{
    width:200px;
    height:200px;
    background-color:blue;
}

JavaScript

var $main;
function generate(){
    var gen =$("<div class='generated' data-needtransition='true'></div>");
    $main.append(gen);
    
    
}

$(function(){
    $main = $(".main");
    $("input.gen").click(generate);
})