Thursday, 14 July 2016

How to make Parallax Background through HTML CSS


    below this css,you will apply to parallax css 

.testimonialparalax{
background: url(../images/drink-864958_1920.jpg) rgba(0, 0, 0, 0) no-repeat fixed center center / cover ;
color: #ffffff;
display: table;
height: 450px;
text-align: center;
width: 100%;}
.testimonialsecondpar{
background: rgba(0, 0, 0, 0.7) none no-repeat fixed center center / cover ;
color: #ffffff;
display: table-cell;
height: 500px;
margin: 0 auto;
overflow: hidden;
vertical-align: middle;}
.testimonialsecondpar .bg{
background: rgba(255, 255, 255, 0.7) none no-repeat fixed center center / cover ;
height: auto;
margin: 0 auto;
padding: 0;
position: absolute;
width: 100%;
z-index: 200;}

 Below html its for parralax background working for parralx use this pattern for perfect parralx 

   

       

           

                   

                       

                               

Testimonial


                           

                       

               

       

   








Previous Post
Next Post

post written by:

0 comments: