Scale

by marakoss

HTML

<div class="cnt"><div class="test">test</div></div>

CSS

.cnt {
    width: 200px;
    height: 200px;
    border: 1px solid black;
}

.test {
    width: 100%;
    height: 100%;
    background: red;
    -webkit-transition: all 0.3s ease-in;
    -webkit-transform: scale(1);
    margin: 100px;
}

.test.act {
    -webkit-transform: scale(2);
}

JavaScript

$('.cnt .test').click(function(){
    
    $(this).toggleClass('act');
});