Créez votre menu interactif en images en HTML/CSS !

Bienvenue dans mon service de création d'un menu interactif uniquement codé en HTML/CSS !
Dans ce service, je vais créer un menu interactif en image, avec de beaux effets, uniquement en HTML5 / CSS3, sans même avoir besoin de Javascript !

Alors, envie ? Eh bien, la balle est dans ton camp !!

RÉALISATION DU SERVICE

J'aurai besoin de:
- Vos images (10) qui peuvent être réutilisés sur votre site
- Le titre à afficher sur chaque image

Vous aurez des liens qui contiendront des images, ils auront un titre.

Différents menus une au choix pour 5€ :
- Menu de qualité :
Menu avec effets de zoom au survol en rotation
- Menu avec une rotation :
Modification de l'aspect général avec une rotation de 45 degrés des liens sans zoom négatif et avec le texte mis en travers.

- Menu petite épaisseur :
On utilise le même principe que pour la largeur:
Deux états :
Survolé
Au repos

- Menu horizontal :
Objectif :
Faire un menu ouvert sur un "lien par défaut" tandis que les autres seront rétractés. L'idée est d'avoir un menu qui élargit un lien lorsqu'il est survolé et qui referme les autres afin que le menu conserve toujours la même largeur :

Le conteneur général
Il s'agit d'une boîte rectangulaire montrant une image dépliée et les autres repliées. La hauteur et la largeur seront adaptées en
fonction de la taille des images et du nombre de liens que l'on veut afficher.
Ici j'ai 10 images de 400 pixels de largeur sur 300 pixels de hauteur (400*300 px) :
Une ouverte et neuf autres visibles sur 30 pixels, largeur suffisante pour y afficher un texte vertical bien lisible.
Ce qui nous fait une boîte de :
1. 300 pixels de hauteur.
2. 670 pixels de largeur (1x400) + (9x30).
Une bordure, un léger effet d'arrondi et un ombrage suffiront à mettre en valeur notre boîte.

Le travail final vous sera livrer sous format ZIP.

N'hésitez pas à me contacter,
Mercie pour votre attention !