append css class

Submitted over 2 years Ago

==== THE SCRIPT === < script > $('#transform-zoom').on('click touch', function(event) { $('img.rsImg').toggleClass('img-transform'); }); < /script> ==== THE CSS ==== img.rsImg { -ms-transition: transform 2s ease; -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -o-transition: transform 2s ease; transition: transform 2s ease; } .img-transform { -ms-transform: scale(1.53); -webkit-transform: scale(1.5) !important; -moz-transform: scale(1.53); -o-transform: scale(1.53); transform: scale(1.53); } === THE HTML === <div class="visible-xs"> <p class="text-center"><button id="transform-zoom" type="btn" class="btn btn-primary btn-md" style="white-space:normal;"> Click Me To Increase / Decrease the Images </button> </p> </div>

0 Comments