Let’s say you wanted to move the background-position on an element as you mouse over it to give the design a little pizzazz. You have an element like this:
<div class="module" id="module"></div>And you toss a background on it:
.module 
Let’s say you have an element with a background-image, where only part of the image is visible, because the image is bigger than the element itself. The rest is cropped away, outside the element.
Now you want to move …
The background-position property in CSS allows you to move a background image (or gradient) around within its container.
html {
background-position: 100px 5px;
}It has three different types of values:
100px 5px)100%
