Menu icon Foundation
Tip F6 and background video with Jarallax

Hi,

if you want to use Jarallax with F6 remember to add to your css this code:

.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
   left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

Bye

Videojarallaxbackground

Hi,

if you want to use Jarallax with F6 remember to add to your css this code:

.jarallax {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
   left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

Bye

Rafi Benkual almost 3 years ago

Hi BP,

Thanks for the tip! Jarralax looks cool but I've never tried it. What made you decide to go with this Parallax plugin?

BP almost 3 years ago

Hi,

I used it into other two website and it's simple to use with good results. I used primary to show video background and parallax it when scroll the page.

Bye.