-
You can create icon sprite animations using the steps() animation-timing function
button img { object-fit: cover; object-position: 0 0; } [aria-pressed="true"] img { animation: play 0.5s steps(20) forwards; } @keyframes play { to { object-position: 100% 0; } }
-
Line clump
.line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }