CSS

  • 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;
    }