"Logo Animation"
Bootstrap 3.3.0 Snippet by Cdodu

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button type="button" class="btn btn-success">Animate </button> <p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p> <div style="background:#0d47a1;height:100px;width:100px;position:absolute;"><img src="https://www.iconsdb.com/icons/preview/bisque/guitar-xxl.png" alt="Smiley face" height="100px" width="100px"></div>
$(document).ready(function(){ $("button").click(function(){ $("div").animate({ left: '150', opacity: '0.8', height: '150', width: '150' }); }); });

Related: See More


Questions / Comments: