Background Image Holder

Creating image background is super easy with vAPP. You can create background image directly from HTML and you don't need to touch the CSS anymore.

Create Something Awesome with vAPP

Markup example:

                                            
                                                <div class="position-relative">
                                                    <div class="background-holder background--cover">
                                                        <img src="img/image-globe.png" alt="globe-image" class="background-image-holder">
                                                    </div>
                                                </div>

Additional Class Reference

background--cover: Apply to background-holder to resize the background image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges

background--center: Apply to background-holder to center the image of the container

background--center--center: Apply to background-holder to center center the image of the container

background--left: Apply to background-holder to set the image from the left of the element

background--right: Apply to background-holder to set the image from the right of the element

background--left--top: Apply to background-holder to set the image from the left top of the element

background--right--bottom: Apply to background-holder to set the image from the right bottom of the element