CSS

le combinateur adjacent

Le combinateur d’adjacence en CSS

Le combinateur d’adjacence en CSS permet d’effectuer une transition sur un élément voisin. Il existe deux types de combinateurs adjacents: direct et indirect. Nous allons voir ici le combinateur adjacent direct. Le combinateur adjacent direct Pour mettre en place un combinateur adjacent direct, vous allez assigner à la pseudoclasse le signe + suivi du nom …

Le combinateur d’adjacence en CSS Lire la suite »

les transitions en CSS

Les transitions en CSS

Les transitions en CSS permettent de modifier un élément sur une durée limitée de façon simple. Pour effectuer une transition en CSS, vous allez : – définir la propriété à modifier – la valeur correspondante au début de votre animation – sa durée – comment la transition va s’effectuer Exemples d’animations avec des transitions en …

Les transitions en CSS Lire la suite »

Alignement des items avec Flexbox

Après avoir vu le fonctionnement et les propriétés de base dans le tutoriel précédent, nous allons voir ici l’alignement des items avec Flexbox.   L’alignement des items avec Flexbox 1/ Positionnement des items sur l’axe principal (main axis) 2/ Positionnement des items sur l’axe transversal (cross axis)   1/ Positionnement des items sur l’axe principal …

Alignement des items avec Flexbox Lire la suite »

CSS Flexbox : mise en page d’un blog

Dans le tutoriel précédent nous avons vu les bases de Flexbox, nous allons maintenant passer à la pratique en créant un blog avec une mise en page en CSS Flexbox.

Retour en haut