Html
copy
reset
Run
Netbax Online Editor Try it Yourself
<button id="anim">Click to start animation</button> <span class="anim">hellow world</span> <style> .anim{ position:absolute; background-color:#c00; color:#fff; width:100px; height:100px; text-align:center;} </style> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script> $(document).ready(function(){ $("#anim").click(function(){ $(".anim").animate({ left:'0px', width:'170px', height:'170px', opacity:'0.4' }); }); }); </script>
