adbharadwaj

body {
      font: 14px helvetica neue, helvetica, arial, sans-serif;
    }

    #cy {
      margin: 10px;
      height: 350px;
      width: 100%;
      /* position: absolute; */
      /* left: 0;

adbharadwaj

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

adbharadwaj

/**
 * The first commented line is your dabblet’s title
 */
body {
background-image: url(http://www.culut.com/static/wallpaper/1280x1280/hd-wallpapers-basketball-court-wallpaper-sport-pic-1280x1280-wallpaper.jpg);
background-size: 500px 350px;
background-repeat: no-repeat;
}
.basketball{
	position:fixed;

adbharadwaj

/**
 * The first commented line is your dabblet’s title
 */
.basketball{
	position:fixed;
	top: 0px;
	height:3em;
	width:3em;
	-webkit-animation: bounce 3s infinite ease-in-out alternate;
}

adbharadwaj

body { background-color:black; }

.lightbox{
  width: 0;
  margin: 1em auto;
  padding: .5em;
  background: url('http://placekitten.com/300/200') center, white;
  background-size: cover;
  background-clip: content-box, border-box;
  transition: width 1s, height 1s 1s;

adbharadwaj

/**
 * Lightbox example from Lea Verou's W3Conf talk
 */
body { background-color:black; }

.lightbox{
  width: 0;
  margin: 1em auto;
  padding: .5em;
  background: url('http://placekitten.com/300/200') center, white;