Daily Shaarli
Today - August 29, 2025
À propos des cartouches d'encres vides à 29% d'encre. En fait, la mémoire eprom de ces cartouches peuvent être écrasé afin de réinitialiser le compteur du nombre de page imprimable...
Cat Mansion Eau, but in french please :)
Faire un tour 6.7k toute les heures.
Cette course contre soi-même porte un nom: https://fr.wikipedia.org/wiki/Backyard_ultra
interpolate-size
is a way to animate height: auto
or width
. It is only supported in Chrome for now.
A quick example:
@supports (interpolate-size: allow-keywords) {
:root {
interpolate-size: allow-keywords;
}
details {
transition: height 0.5s ease;
height: 2.5rem;
&[open] {
height: auto;
overflow: clip;
}
}
}
A more generic one:
:root {
interpolate-size: allow-keywords;
}
details {
--calculated-details-padding: var(--details-padding, 1em);
transition: height var(--details-transition-speed, 150ms) linear;
height: calc(1lh + (var(--calculated-details-padding) * 2));
padding: var(--calculated-details-padding);
background: var(--details-bg, white);
color: var(--details-color, currentColor);
}
details[open] {
height: auto;
overflow: clip;
}