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.

globe-image

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