JSFiddle - React, Tailwind, and code Playground

by linmic

HTML

<div class="a"></div>

CSS

.a {
    display: block;
    width: 500px;
    height: 800px;
    background: #ccc url('http://d2kvx6dkxdrczm.cloudfront.net/d84a283e-07f8-4d48-bfc0-92b3c026bebc/1350963012822/1338_L.jpg?Expires=1351172637&Signature=eeGEDmgwtd5wDJwWOXxQjYyfELmElw~4MX6QTVO057FPTjcE6WAL~4oYmhQHgvlqhNRkFrAquxLyEXUYPfSBbuNQ1x5EldN15oFC53P-Qj6HZtRJmvXtZ1aLekvb1qryaQUAALrNPqstroy5P7X2ChieAkfAs3BRGqLc5oqI6NI_&Key-Pair-Id=APKAJHSVQMEK25WVAFJQ') center no-repeat;
    background-size: 300px 600px;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
}

JavaScript

$('.a').click(function() {
    $(this).css('background-size', '100% 100%');
});