<h1>CSS Sprites - Part 2</h1>

<h2>The individual image files:</h2>

<img src="https://assets.codepen.io/3461446/IMG_1096.jpg" />

<img src="https://assets.codepen.io/3461446/IMG_1109.jpg" />

<h2>The images, using CSS Sprites:</h2>

<i class="dogs"></i>
<i class="cat"></i>
.cat {
  display: inline-block;
  background: url('https://assets.codepen.io/3461446/sprite-demo.png') no-repeat 0 0;
  width: 552px;
  height: 414px;
}

.dogs {
  display: inline-block;
  background: url('https://assets.codepen.io/3461446/sprite-demo.png') no-repeat 0 -438px;
  width: 611px;
  height: 458px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.