Nouveau
CSS slideshow avec if() fonction
Un slideshow CSS avec la fonction if(), une disposition en grille et une animation CSS. Très simple à mettre en place.
CSS slideshow avec
Bordure dynamique (CSS gap decorations)
Plus besoin de hack pour créer une bordure responsive grâce au nouveau module CSS gap decorations.
Mise en page avec les conditions CSS (fonction if())
Avec les conditions CSS, vous allez constater qu'il devient encore plus simple de créer une mise en page CSS.
Simple boîte de dialogue CSS avec commandes intégrées
De nouveaux attributs sont disponibles pour effectuer des actions sans JS comme ouvrir une boîte de dialogue. Et c'est très simple à mettre en place.
Positionner tooltip avec la fonction CSS attr()
Une manière très simple de positionner votre infobulle en ayant recours à la fonction "élargie" CSS attr().
Simple CSS tooltip popover API
Avec l'API CSS Popover, il est très simple de réaliser une infobulle, grâce à la valeur hint de l'attribut popover. Ne pas utiliser en production. La spécification va sans doute changer ou être modifiée.
Tableau responsive sticky position avec ombrage au scroll (CSS scroll state)
Avec l'API CSS Scroll State, il est facile de créer des indicateurs visuels, à savoir un ombrage sur les côtés, lorsque vous avez un conteneur défilable.
CSS loader avec fonction attr()
La fonction attr() offre désormais plus de possibilités, comme réaliser un loader de manière très simple et très rapide.
Simple CSS view-transition lightbox
Une galerie photo avec lightbox en utilisant l'API CSS view-transition. Très simple à mettre en place.
CSS popover lightbox
Une façon simple et facile de réaliser une galerie lightbox en pur CSS avec l'API popover.
CSS Slider avec contrôles (::scroll-marker-group)
Réaliser un slider n'a jamais été aussi simple. En quelques lignes de code, nous obtenons un slider avec contrôles et miniatures, le tout en CSS.
CSS Slider avec contrôles (::scroll-button)
Un simple slider en pur CSS avec contrôles sans avoir recours aux éléments input pour simuler le clic.
Transition CSS naturelle (sans hack) élément HTML details
Dans cette démonstration, nous souhaitons animer la propriété height pour dérouler le contenu, dont la taille n'est pas connue, à l'intérieur de l'élément details...