L’époque du CSS n’a probablement jamais été aussi excitante qu’aujourd’hui. Dans cette lecture rapide, nous avons quelques astuces et techniques CSS utiles que vous pouvez appliquer immédiatement à votre travail. Examinons plus en détail les variables CSS auto-modifiables, la ponctuation suspendue et bien plus encore. Si vous êtes dans le […]
Les propriétés personnalisées et les variables CSS sont souvent utilisées de manière interchangeable lors de la description des valeurs d’espace réservé en CSS, même s’il s’agit de concepts différents mais liés. Preethi Sam présente un exemple qui montre où les propriétés personnalisées sont plus adaptées que les variables, tout en […]
Alors que le CSS :has() La pseudo-classe est largement reconnue pour sa capacité à sélectionner un élément parent en amont de la chaîne de manière conditionnelle en fonction de son contenu. Il existe une logique plus conditionnelle qu’elle est capable de gérer lorsque nous le déplaçons dans la chaîne, pour […]
Dans cette astuce rapide, nous montrerons à quel point il est facile d’animer un dégradé d’arrière-plan avec CSS. Dans un article récent, nous avons montré comment définir un dégradé d’arrière-plan sur du texte. La démo CodePen ci-dessous montre le résultat. Assurez-vous de lire cet article si vous ne savez pas […]
Les filtres CSS offrent une riche boîte à outils pour modifier et améliorer les images directement dans les pages Web. Des ajustements subtils comme la luminosité et le contraste aux effets plus saisissants comme le flou, les niveaux de gris et la manipulation des couleurs, ces filtres offrent une grande […]
Rappelez-vous le HTML <marquee> élément? Il est obsolète, ce n’est donc pas comme si vous alliez l’utiliser lorsque vous avez besoin d’une sorte de fonction de défilement automatique horizontal. C’est là que CSS entre en jeu car il dispose de tous les outils dont nous avons besoin pour y parvenir. […]
Dans cette astuce rapide, nous verrons comment utiliser la fonctionnalité de sous-grille de CSS Grid pour aligner le contenu des boîtes côte à côte. Remarque : avant de plonger dans la sous-grille, il est important de comprendre les bases de la disposition de la grille. Si vous êtes nouveau sur Grid […]
Il existe de nombreuses façons d’aborder une fonctionnalité « Mode sombre » qui respecte les préférences de couleurs du système d’un utilisateur et permet une personnalisation par site. Avec les développements récents du CSS, les fonctionnalités de base qui ont toujours nécessité JavaScript peuvent désormais être réalisées sans celui-ci. Henry […]
Dans Partie 1 de cette série, Temani Afif a exploré différentes techniques CSS pour créer des formes d’info-bulles. Le principal défi était de s’appuyer sur un seul élément et de créer un code optimisé qui pouvait facilement être contrôlé à l’aide de variables CSS pour mettre à jour la taille, […]
Lisez ci-dessous pour une explication complète du fonctionnement des feuilles de style en cascade. Nous affichons nos applications en haut de la page afin qu’elles soient faciles à trouver et à utiliser. Si vous lisez cet article par e-mail ou via un flux, cliquez sur compressez votre CSS. À moins […]
