flex : en action

Voici un truc pour réaliser un effet.

fichier 🔺

Observez tout d'abord l'effet du hover !

p:hover, p:hover ~ p {
content : "\002605";
color : red;
}

Idée

Inverser l'ordre des éléments peut s’avérer fort utile !

Inversons donc l'ordre des éléments !

section {
display : flex;
flex-direction : row-reverse;
justify-content : flex-end;
}

fichier 🔁

Version avancée :

fichier 🔂