Ahmad Shadeed montre comment ajuster automatiquement la hauteur d’une section CSS à un multiple de la hauteur d’un motif de fond répété, afin d’éviter qu’il soit coupé en bas. La combinaison de calc-size(auto, ...) et round() conserve la taille du motif, contrairement à background-repeat: round, qui le redimensionne. L’article compare les arrondis vers le haut ou le bas, puis adapte les marges internes avec padding-block. Cette technique ne fonctionnait que dans Chrome à la publication, en octobre 2026.
L'auteur présente la propriété CSS4 image(), complémentaire de url(), et qui sert pour les background-image.
Tout est dans le titre
Tout est dans le titre
Une belle prise de tête... mais intéressante et utile
Tout est dans le titre
Une astuce pour animer les arrières plans avec des gradients
Tout est dans le titre, pratique pour faire des arrières plans (background-image)
Arrières plans multiples en CSS
la totale sur les gradients CSS
Des images d'arrière plan adaptatives - avec ratio largeur/hauteur fixe ou fluide
Utilisation de :before et :after pour avoir plusieurs arrières plans
Tout est dans le titre... Le plus intéressant, c'est que ce snippet rappelle le filtre propriétaire à utiliser pour IE8 afin d'obtenir le même effet !