CSS Positioninig – image backgrounds sprites

Example Image

Selecting particular image from a selection

.icon-youtube {
    background-image: url(../../themes/Frontend/Paxton/frontend/_public/src/img/sprite.png);
    background-position: -72px -209px;
    width: 24px;
    height: 17px;
}
<a href="#" target="_blank" title="YouTube" rel="noopener"><i class="icon icon-youtube"></i></a>
.icon {
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

Was this article helpful?

Yes No

Related Articles

Leave A Comment?