Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  
  .mouseout {
    width: 300px;
    height: 300px;
    margin: 100px auto;
    background-color: #bada55;
    -webkit-transition: -webkit-transform 4s linear;
    -moz-transition: -moz-transform 2s linear;
    -ms-transition: -ms-transform 2s linear;
    -o-transition: -o-transform 2s linear;
    transition: transform 2s linear;
}
.mouseout:hover {
    cursor: pointer;
    -webkit-transition: -webkit-transform 0s linear;
    -moz-transition: -moz-transform 0s linear;
    -ms-transition: -ms-transform 0s linear;
    -o-transition: -o-transform 0s linear;
    transition: transform 0s linear;
    -webkit-transform: scale(2,1) translate3d(0, 0, 0);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
  
</style>
</head>
<body>
  <div class="mouseout"></div>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers