CSS add overlay with content and spinner — September 29, 2017

CSS add overlay with content and spinner

.overlay{
            background-color: rgba(255, 255, 255, 0.8);
            position: fixed;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 9999;
            background-position: center center;
            background-repeat: no-repeat;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-size: 91px;
        }

Just add anything in div with class ‘overlay’, like text , image and it will appear in center of page.

Advertisements
Bootstrap make all columns of same height in a row — August 17, 2017
Bootstrap 3 place block in center — June 26, 2017
Css wrap words in div or in table column — March 8, 2017