01

Just wait

HTML / CSS

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.

02

Animation logo Calafquen

HTML / CSS/ SVG / Ai

SVG means Scalable Vector Graphics, SVG is much better than using (PNG, JPEG, etc.), SVG compresses incredibly well graphics, SVG graphics scale to any resolution without the loss of clarity. You can animate an SVG graphic at run-time (using JavaScript and CSS).

03

Violà

HTML / CSS/ JS

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 ★).

04

New York City

HTML / CSS/ JS / Ps

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).

05

Bruce

HTML / CSS / Ps

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.

06

Phobia

HTML / CSS

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.

07

Bubbles

HTML / CSS

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.