CSS snippets

by adactio
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}
/* Centre-align the text until it wraps onto more than one line, 
at which point it’s no longer centred. */
figcaption {
  max-inline-size: max-content;
  margin-inline: auto;
}
Read here.
Published: 2025-05-17