Bonjour,

Voila je cherche à faire un menu circulaire mais j'ai un petit probleme.
Quand celui-ci est ferme nous voyons les icones qui devraient être caché.

https://codepen.io/anon/pen/PKRdKJ

Merci d'avance

3 réponses


FiReBlUe
Auteur
Réponse acceptée
Regarde ici, sa pourra bien t'aider ;) https://tympanus.net/codrops/2013/08/09/building-a-circular-navigation-with-css-transforms/

Super lien je vais surement refaire mon menu quand j'aurai le temps ;)

Kenor, 
Je ne sais pas si ça a marché, j'ai sauvegarder sur codepen

en gros : sur le .link ajouté un display: block

et ajouter dans .closed{} >
.circle .link {display:none; }

Super mais cela fonctionne partiellement, les icones apparaissent juste avant dans la "hors zone". Je vais regarder pour les rendrent transparants au debut jusqu'a completement opaque.

Merci à vous,

Je ne sais pas si ça a marché, j'ai sauvegarder sur codepen

en gros : sur le .link ajouté un display: block

et ajouter dans .closed{} >
.circle .link {display:none; }

Sinon regarde au niveau de overflow:hidden pour ne pas qu'il dépasse.