Prak7

HTML

<div class="sprite sprite-beach"></div>
    <div class="sprite sprite-sky"></div>
    <div class="sprite sprite-marker"></div>
    <div class="sprite sprite-text"></div>
    <div class="sprite sprite-shadow"></div>
    <div class="sprite sprite-surfboard"></div>

CSS

.sprite {
        background: url(http://listhyakumala.mb.student.pens.ac.id/TeknologiWeb/spritesheet2.png) no-repeat;
      }
      .sprite-beach {
        width:1082px;
        height:450px;
      }
      .sprite-sky {
        width:1082px;
        height:300px;
        background-position: -375px -450px;
      }
      .sprite-marker {
        width:280px;
        height:300px;
        background-position: 0px -450px;
      }
      .sprite-text{
        width:620px;
        height:60px;
        background-position: 0px -750px;
      }
      .sprite-shadow {
        width:350px;
        height:190px;
        background-position: -630px -750px;
      }
      .sprite-surfboard {
        width:380px;
        height:135px;
        background-position: 0px -800px;
      }