Ideas and Experimentation
Many hours of work, sometimes with success, sometimes not. Hundreds of tutorials, books, videos, magazines, everything serves as a source of inspiration, here some results.
PAGE LOADER, If the website take some time to load, is great idea to consider a page loader. Loader is any kind of animation that visually communicates to a visitor that the page is loading and will ready in a few seconds.
EXPANDING MENU, Useful for limited space by allowing options to expand to fullscreen, good way to show something different in a web page. Items can be added to make a navigation menu,
(Don't forget click the ★).
DYNAMIC BACKGROUND, Interact with the mouse cursor movement, the effect allowing visitors to interactively view the location described in the background content. Pretty good to show landscapes with many details, ( This effect doesn't work on mobile devices).
CONTENT BOX, Animation to introduce new content to website, excellent to show pictures, color palettes, fonts, Or any content you want to highlight on a website. Not really useful for mobile devices, for tablets and desktops it's great.
SLIDE UP NAVIGATION, see content one by one without serving everything up front, 10 section, 10 phobias, 10 colors combination contrast. Will look great with portraits and landscapes or even a new section of a website.
A good example of how z-index works,
Z-index is a CSS property that sets the stack of specific elements. An element with greater stack order is always in front of another element with lower stack order.