Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
  <head>
    <style>
      div {
        width:200px;
        float:left;
        margin:10px;
        border: 5px solid red;
        background-color:green;
       
        border-radius:25px;
        padding:10px;
      }
      
      #div2 {
        width:100px;
        height:100px;
         border-radius:100px;
        border: 0px solid red;
        background-image:url("http://cloud.github.com/downloads/malsup/cycle/beach1.jpg");
        -moz-transition: all  2s;
        -webkit-transition: all  2s;
      }
      #div2:hover {
                box-shadow:0px 0px 50px #FF0000;
        color:red;
        -moz-transform: rotateZ(120deg); /* Firefox */
        -moz-transform: scale(2,2);
           -webkit-transform: rotateZ(120deg); /* Firefox */
        -webkit-transform: scale(2,2);
      }
      }
      
    </style>
  </head>
  <body>
<div>
Vivamus ut nisi id libero interdum pretium. 
sqd
  dsq
  qsd
  
  qsdqsdsqdqds
  
</div>
    <div id="div2">
Vivamus ut nisi id libero interdum pretium. 
sqd
  dsq
  qsd
  
  qsdqsdsqdqds
  
</div>
    <div>
Vivamus ut nisi id libero interdum pretium. 
sqd
  dsq
  qsd
  
  qsdqsdsqdqds
  
</div>
 <div>
Vivamus ut nisi id libero interdum pretium. Vestibulum lorem. Sed suscipit justo at lectus. Ut viverra eros in urna. Pellentesque augue libero, bibendum eu, pellentesque a, convallis vitae, neque. Duis vel leo et mauris laoreet porttitor. Fusce venenatis libero a elit. Nunc tincidunt, mi id ornare rhoncus, elit purus suscipit neque, ut semper 
</div>   
  </body>
</html>
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers