SHARE
TWEET

Untitled

gabs_avila Feb 27th, 2020 69 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title></title>
  5.  
  6.     <style type="text/css">
  7.         #cir{
  8.                 width: 150px;
  9.                 height: 150px;
  10.                 border-radius: 50%;
  11.                 background-color: green;
  12.             }
  13.     </style>
  14. </head>
  15.     <body>
  16.         <div id="cir"></div>
  17.         <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min.js"> </script>
  18.         <script>
  19.             $("#cir").click(function() {
  20.                 $("#cir").animate({width:"400px", height:"400px", marginLeft:"100px", marginTop:"100px"},2000, function(){
  21.                     $(this).css("background-color","blue");
  22.                 });    
  23.             });
  24.         </script>
  25.     </body>
  26. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top