Maak je overlays duidelijker

Maak je overlays duidelijker door de dropshadow niet overal even breed te maken. Je overlay komt nóg meer naar voren als de dropshadow onderaan groter is dan boven. Op die manier lijkt de overlay meer boven de pagina te zweven (en is dus duidelijker herkenbaar als een overlay), en ziet het er ook natuurlijker uit.

Standaard overlay:

Normale overlay

Betere overlay. Dit is duidelijker en voelt natuurlijker aan:

Betere overlay

Dit is hoe je dit effect maakt met CSS 3:

-moz-box-shadow: 0 10px 40px 5px #878787;
-webkit-box-shadow: 0 10px 40px #878787;
box-shadow: 0 10px 40px 5px #878787;

0 Reacties

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *