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.
Nouveau
if() fonctionUn slideshow CSS avec la fonction if(), une disposition en grille et une animation CSS. Très simple à mettre en place.
Plus besoin de hack pour créer une bordure responsive grâce au nouveau module CSS gap decorations.
if())Avec les conditions CSS, vous allez constater qu'il devient encore plus simple de créer une mise en page CSS.
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.
attr()Une manière très simple de positionner votre infobulle en ayant recours à la fonction "élargie" CSS attr().
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.
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.
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.
Une galerie photo avec lightbox en utilisant l'API CSS view-transition. Très simple à mettre en place.
Une façon simple et facile de réaliser une galerie lightbox en pur CSS avec l'API popover.
(::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.
(::scroll-button)Un simple slider en pur CSS avec contrôles sans avoir recours aux éléments input pour simuler le clic.
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...