Overlay de boîte de dialogue en 1 ligne (Lea Verou)

Une astuce pour créer un overlay, cette couleur souvent sombre qui recouvre toute la fenêtre lors de l’ouverture d’une boîte de dialogue (lightbox, shadowbox, peu importe le nom qu’on lui donne – je crois qu’on n’a pas d’équivalent en français), en une seule ligne de css, toute simple, très… très leaverouéenne :3

Une petite démo ici : http://dabblet.com/gist/5861450

À noter qu’on ne peut pas mettre de box-shadow à la boîte de dialogue, attention : en effet, le outline prendra effet après le box-shadow, et pas dessous. On peut y remédier en utilisant un box-shadow gigantesque en lieu et place de l’outline, mais les performances s’en trouveront très fortement dégradées : le calcul d’une ombre est plus demandeur que celui d’un outline.

Commentaires fermés sur Overlay de boîte de dialogue en 1 ligne (Lea Verou)

Les commentaires sont fermés.