Incruster un menu dans une image

Incruster un menu dans une image

Sur de très nombreux sites on peut voir les menu par dessus une image, donnant une certaine homogénéité au visuel: un exemple plus parlant:

menu

Quand on débute on pense qu’il y a un élément flottant dans un autre, qu’il y a plusieurs blocs et que chacun à son background.En réalité, c’est vraiment tout bête, c’est juste le bloc principal, ici le header, qui a une image de fond, qui s’applique donc naturellement aux éléments internes au bloc: menu et le slider du dessous: Voici un simple exemple pour réaliser ce genre de menu incrusté:

See the Pen menu dans image by yuyazz (@yuyazz) on CodePen.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.