henrywm
9/6/2015 - 9:10 PM

This file keep my animations that I've learned with Jquery... :)

This file keep my animations that I've learned with Jquery... :)

animation-jquery-ui.html
content_copyfile_download
<!DOCTYPE html>
<html>
    <head>
        <title>Krypton Redux</title>
	      <link rel='stylesheet' type='text/css' href='stylesheet.css'/>
        <script type='text/javascript' src='script.js'></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
	
	     <style>
	        body {
              background-image: url('http://bit.ly/UpQgJ6');
              repeat: no-repeat;
          }
          
          div {
              height: 100px;
              width: 100px;
              border-radius: 100%;
              background-color: #008800;
              background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003500), to(#008800));
              background-image: -webkit-linear-gradient(left, #003500, #008800); 
              background-image:    -moz-linear-gradient(left, #003500, #008800);
              background-image:     -ms-linear-gradient(left, #003500, #008800);
              background-image:      -o-linear-gradient(left, #003500, #008800);
          }
	      </style>
	      
	      <script>
	        $(document).ready(function(){
              $('div').click(function(){
                  $(this).effect('bounce',{times:3},500);
              });
          });
	      </script>
	</head>
	<body>
		<div></div>
	</body>
</html>