Ressources Magic Makers

WEB - CSS avancés

Transition CSS

Projet Exemple

Pour avoir une idée des possibilités, regarde ce projet exemple : 

Clique sur l’image pour voir le projet !

Codes Exemples

Sur cette fiche, tu trouveras tous les codes du projet exemple :

Les flexbox

Qu'est-ce que c'est ?

Les Flexbox permettent de centrer des éléments entre eux verticalement et horizontalement, et avec une utilisation plus poussée, de créer des layouts de sites assez complexes et très bien ordonnés.

Le principe : il y a un élément qui contient d’autres éléments. L’élément parent et les éléments enfants ont des propriétés pour les organiser comme on le souhaite !

Ressources pour comprendre avec des schémas

Projets Exemples

Pour avoir une idée des possibilités, regarde ces deux projets exemples : 

Clique sur l’image pour voir le projet !

Clique sur l’image pour voir le projet !