Make only one layer full screen

prins063

Hi,

I want to have a full screen slider, which disappears after about 10 seconds and then shows the menu and logo.

Option 1

is to use two sliders. First the full screen slider, which automatically redirects to the 'homepage' with a normal slider so the logo and menu will be shown. I don't prefer this because:

• When redirecting from the full screen slider tot the 'homepage' the transition is not smooth
• The real homepage is in this case something like www.yourdomain.com\start
• The logo refers to the startpage with the full screen slider (i know this is fixable, but still)

Option 2

Is to use a white square layer. This layer is full screen so it covers also the menu and logo. Then i use a fade-out transition to slowly let the menu and logo appear.

Not sure if this is possible though? 

Anyone has suggestions?

Thanks in advance, henk.

Pablo

Hi,

I think that the second option will be better.

But start with transparent menu and menu content and at start just make a CSS transition of appearing the menu after the 10 seconds.

More about transitions here:

https://css-tricks.com/almanac/properties/t/transition/

Cheers.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

prins063

hi, thanks for responding. 

Not sure if i'm qualified enough to realize this in CSS. But will take a look. 

Thanks again. 

regards, henk.